Progress Bar

The Progress Bar is a chart that displays progress in the form of a horizontal bar. This chart is very handy when it comes to representing complex information in a simple way.

Content Options

Title: This is the label to explain what the Progress Bar is for.

Progress: Enter the percentage of Progress achieved.

Style Options

Class: Enter the additional CSS classes for the progress bar.

Background: Select the background type or color.

Text: Select the title display type. This should be in contrast with the background.

Striped: Enable to to apply a stripe gradient over the progress bar’s background color.

Animated: enable to make the stripe gradient animated.