Progress Bar Widget

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
  3. Percentage: Set the completion percentage number
  4. Display Percentage: Show or hide the actual percentage number text at the end of the bar
  5. Inner Text: Enter the text to be displayed within the bar

Style

Progress Bar

  1. Color: Change the color of the bar
  2. Background: Choose the color of the background of the bar
  3. 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 bar
  2. Typography: Set the typography options of the title text
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.