Progress Bar Element
The Progress Bar feature not only will upgrade your site’s appearance but also is one of the approaches to add valuable information like the skills you possess for example. Design and style the progress bar with the advanced options available.
Content Tab
Progress Bar
- Title - Type here the title for the progress bar, depending on the feature you want to promote
- Type - Choose the type of your progress bar, it can either be Info, Success, Warning, or Danger. The color of the progress bar will change depending on the type you choose, nevertheless, you can choose any color in the Style Tab.
- Percentage - Decide on a percentage that you want your progress bar to be filled
- Display Percentage - Choose to either show or hide the percentage number
- Inner Text - Type here the text you want to be displayed within the progress bar
Style Tab
Progress Bar
- Color - Set the color of the bar
- Background Color - Here change the color for the background of the bar
- Height - Set the height of the progress bar
- Border Radius - Change the border-radius if you want rounder edges across the progress bar
Inner Text
- Color - Set the color for the inner text
- Typography - Tweak the typography options for the inner text
Title Style
- Text Color - Change the color of the text for the title of the progress bar
- Typography - Tweak the typography options for the title of the progress bar
Set the settings for the Advanced Tab that is appropriate for the element.