Progress Bars

Progress bars allow you to create visual representations of some form of partially or fully completed task. For example, if you wanted to show your website visitors that you had raised 50% of your funding goal for your startup business, you might do something like this…

50%

The above progress bar has the following settings:

  • Filled Percentage: 50
  • Progress Unit: %
  • Filled Color: Sea Green
  • Unfilled Color: Purple
  • Text Color: Default
  • Hide All Text: No
 
 

The above progress bar has the following settings:

  • Filled Percentage: 75
  • Progress Unit: [blank]
  • Filled Color: #000
  • Unfilled Color: #ddd
  • Text Color: #ff0000
  • Hide All Text: Yes

Style Switcher

Highlight Color:

               

Backgrounds:

                    

You can also set your own colors or background from the Admin Panel.