Progress Bars

The Progress Bar widget allows you to add fully styled progress bars to your page.

These are great for displaying varying types of data and content to your viewers. The Progress Bar Element includes several options for easy customization and is a great way to both visually attract the viewer and display content in an easily digestible form.


  • Type : Set the color of the progress bar.
  • Height : Set the height of the progress bar.


  • Title : Enter the title text that is displayed above the progress bar.
  • Color : Choose the color of the title text.
  • Typography : Choose the Font-name, size, boldness, text-decoration, letter-spacing.


  • Content : Enter the text that is displayed in the progress bar.
  • Color : Set the color of the text.
  • Percentage : Set the completion percentage number.
  • Color: Change the color of the percentage text.
  • Hide Percentage: Show or hide the actual percentage number text at the end of the bar.

Was this helpful to you?

Leave a Reply