Create custom progress bars to show off your task or skillset progression in stylish blocks.

Using 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, copying its DL, and pasting it into as many columns as you need. You can add new columns by right-clicking on the top left-hand side of the block. 

Also, customize each bar to your preference from the Style tab.


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

Powered by BetterDocs