##### Mannat Themes

We Design and Develop Clean and High Quality Web Applications

Upgrade your plan

#### Progress

Today: Jan 11

#### Basic Example

Use background utility classes to change the appearance of individual progress bars.

#### Striped and Animated Stripes Example

Add `.progress-bar-animated` to .progress-bar to animate the stripes right to left via CSS3 animations.

#### Labels and Multiple bars Example

Add labels to your progress bars by placing text within the `.progress-bar`.

20%
40%
20%
20%
20%

#### Height And Background Color Example

We only set a `height` value on the `.progress-bar`, And add background color class.

#### Vertical Example

Add `.progress-vertical` to any `.progress-bar-animated` to apply a stripe via CSS gradient over the progress bar’s background color.

100%