Progress Bar Widget

This Widget allows you to add fully styled, animated progress bars to your page. Progress bars are usually great to engage users for fundraising campaigns or showing off a milestone your business achieved.

Progress Bar Widget

Content Tab

• Title: Enter the title text that is displayed above the progress bar.
• 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.
• Percentage: Set the completion percentage number.
• Display Percentage: Show or hide the actual percentage number text at the end of the bar.
• Inner Text: Enter the text to be displayed within the bar.

Styles Tab

• Bar Color: Change the color of the bar.
• Bar Background Color: Choose the color of the background of the bar.
• Inner Text Color: Choose the color of the text to be displayed within the bar

• Text Color: Choose the color of the title text that is displayed above the progress bar.
• Typography: Set the typography options for the title text.