Cyberchimps Knowledge Base

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.