The Progress Bar Widget allows you to add fully styled, animated progress bars to your page.
Content
Progress Bar
- Title: Enter the title text that is displayed above the progress bar
- Title HTML Tag: Use the dropdown menu to designate the title of the progress bar as a header (H1-6).This helps search engines find and understand the progress bar, boosting SEO. The title can also be tagged as a paragraph, span or div
- Percentage: Set the completion percentage number
- Display Percentage: Use the switch to 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
Style
Progress Bar
- Color: Change the color of the bar
- Background: Choose the color of the background of the bar
- Inner Text Color: Choose the color of the text to be displayed within the bar
Title style
- Color: Choose the color of the title text that is displayed above the progress bar
- Typography: Set the typography options of the title text
Advanced
Set the Advanced options that are applicable to this widget