Progress Bar

Responsive Addons for Elementor (RAE) Progress bar allows you to showcase the progress of specific fields, and show information based on statistical fields of the company.

Content

1. 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. 2.Title – This option allows you to add a title to the progress bar.
3. 3.Title HTML Tag – This allows you to select HTML tag for title.
4. 4.Counter Value Type – You can set the country value as static or dynamic.
5. 5.Display Count – This option allows you to show/hide the count.
6. 6.Animation Duration – This option allows you to set the duration of the animation in ms.

Style

General

1. 1.Alignment – You can set the alignment for the progress bar to left, right and center.
2. 2.Size – Set he overall size of the bar.
3. 3.Width – Change the width of the bar.
4. 4.Height – Change the height of the bar.
5. 5.Stroke Width – Add a stroke to the bar by changing the width from 0 or null.
6. 6.Stroke Color – Change the color of the stroke.
7. 7.Fill Color – Change the bar fill color.
8. 8.Box Shadow – Apply a box shadow to the bar.

Background

1. 1.Width – Set the width of the progress bar.
2. 2.Height – Set the height of the progress bar.
3. 3.Color – Set the background color of the bar.

Fill

1. 1.Height – This option allows you to set the height of the filled progress bar.
2. 2.Background – You can set the background color to the filled progress bar.
3. 3.Show Stripe – You can show stripe to the background color.
4. 4.Stripe Animation – You can set the animation to show the stripe from left to right or vice versa.

Typography

1. 1.Title – You can set the typography and color to the title.
2. 2.Counter – You can set the typography and color to the counter.