How to customize Progress Bar?

You can easily showcase a progress bar using our “Progress Bar” block by the Combo Blocks plugin. We provide a maximum number of option settings to customize your progress bar.

To begin, insert our “Progress Bar” block. At the beginning, a variation picker will appear where you can choose a readymade design to start with.

N1qKrLu

Under Type, you can easily switch your “Horizontal” progress bar to “vertical”, Customize the Fill value with Duration setting, and some other built-in animation is present there.

uNoNHJt

You can easily switch the position of your progress counter. Just navigate the “Progress Count” option panel and select a position.

And for Styling, our “Styles Component” is present in every element.

7lkIcpn

Just like the “Progress Count”, you can also customize the Progress Info. Expand the “Progress Info” option panel and select a position.

and as always our styles component is there to help you with styling.

Gn7Liqp

So, that’s how you can customize Progress Bar. If you still need help, please create a support ticket on our forum.

Related Documentation