BUILD3R.io

Progress Bar Widget

Article1 min readUpdated Feb 23, 2025View source ↗
The Progress Bar Widget allows you to add fully styled, animated progress bars to your page.. . Content. . Progress Bar. . 1. Title: Enter the title text that is displayed above the progress bar. 2. Type: Select a standard type, which sets the bar color (color can be changed under the Style tab).Choose from Default, Info, Success, Warning, or Danger. 4. Percentage: Set the completion percentage number. 5. Display Percentage: Show or hide the actual percentage number text at the end of the bar. 6. Inner Text: Enter the text to be displayed within the bar. . Style. . Progress Bar. . 1. Color: Change the color of the bar2. Background: Choose the color of the background of the bar3. Inner Text Color: Choose the color of the text to be displayed within the bar. Title style. 1. Color: Choose the color of the title text that is displayed above the progress bar2. Typography: Set the typography options of the title text. Advanced. . Set the Advanced options that are applicable to this widget.
Was this article helpful?

Still puzzling over something?

The agent has read this article — and everything around it. Ask a follow-up and it answers in seconds.

← Back to Help Center