Progress Bar

Step 1

Make sure you have the Progress Bar widget enabled from your Dashboard > Droit Addons > Elements

Step 2

Search for the Progress Bar widget from the left-hand side menu, and drag the widget to your preferred location.

Step 3

To add value to the Progress Bar click on the Content drop-down menu. From here you can add the progress percentage, progress bar width, stroke, and radius. 

Step 4

You have the option to further customize it, from the Style tab. From the Style menu you can add your incomplete color, complete color, completed text color, and alignment. 

Step 5

You have the option to place as many progress bars as you need by right clicking on an existing bar and copying its DL and paste it in as many columns as you need. You can add new columns by right clicking on the top left hand side of the block. 

And customize each bar to your preference from the Style tab.

And that’s it. When you’re done, press “Publish” to save your changes.

Meta Description – Create custom progress bars to show off your task or skillset progression in stylish blocks. With Droit Addons for Elementor’s Progress Bar widget.

Was this article helpful to you? No Yes

How can we help?

Looking for help ? Contact Support

Welcome to the documentation page of SassLand. Based on the RTF

Create support ticket