REA Progress Bar

REA Progress bar allows you to showcase the progress of specific fields, and show information based on statistical fields of the company.

Content

1. Layout - This option allows you to select different layout styles for the progress bar. You can choose between line, circle, half-circle, and Box.

2. Title - This option allows you to add a title to the progress bar.

3. Title HTML Tag - This allows you to select HTML tag for title.

4. Counter Value Type - You can set the country value as static or dynamic.

5. Display Count - This option allows you to show/hide the count.

6. Animation Duration - This option allows you to set the duration of the animation in ms.

Style

General

1. Alignment - You can set the alignment for the progress bar to left, right and center.

2. Size - Set he overall size of the bar.

3. Width - Change the width of the bar.

4. Height - Change the height of the bar.

5. Stroke Width - Add a stroke to the bar by changing the width from 0 or null.

6. Stroke Color - Change the color of the stroke.

7. Fill Color - Change the bar fill color.

8. Box Shadow - Apply a box shadow to the bar.

Background

1. Width - Set the width of the progress bar.

2. Height - Set the height of the progress bar.

3. Color - Set the background color of the bar.

Fill

1. Height - This option allows you to set the height of the filled progress bar.

2. Background - You can set the background color to the filled progress bar.

3. Show Stripe - You can show stripe to the background color.

4. Stripe Animation - You can set the animation to show the stripe from left to right or vice versa.

Typography

1. Title - You can set the typography and color to the title.

2. Counter - You can set the typography and color to the counter.