1. Home
  2. Docs
  3. Getting Started
  4. Exclusive Elements
  5. Progress Bar

Progress Bar

How To Configure and Style Progress Bar Element.

Using Accordion Widget of Exclusive Addons Elementor, you can create beautiful Progress Bar for your webpage.

STEP 1:

Select the ‘Progress Bar’ widget from Elementor panel. Then drag and drop it in the selected area.

STEP 2:

Content section consist of ‘Progress Bar Title’ and ‘Percentage Value’. In title section you can give Progerss bar title. You also can set percentage value of the progress bar.

STEP 3:

Style section consist of ‘General Style, ‘Title’, ‘Front Bar’, ‘Back Bar’ and ‘Percentage Value’.

3.1. In General style section you can find style preset. You can set ‘Line’, ‘Line Bubble’, ‘Circle’, ‘Half Circle’ as style.

3.2. You can set ‘Title Color’ and ‘Typography’ in title section.

3.3. In ‘Front Bar’ section you can apply Color and Width.

3.4. Back Bar consist of color and width.

3.5. In ‘Percentage Value’, you can set text color, typography, background color, border, padding and box shadow.

STEP 4:

Finally, after clicking the update button you will see the beautiful Progress Bar on your webpage.

Was this article helpful to you? Yes No

How can we help?