color pallete Left Sidebar RTL Layout Top Menu

Progress Bars

Progress Bars

Here are the well customized progress bars. Add .progress to element and add .progress-bar to the inside element.

Project one
Project Two
Project Three
Project Four
Project Five

Labels

labeled progress bar.

25%

Height

we can give height to progress bars.

Backgrounds

we can give Background color by adding .bg-success, .bg-info, .bg-warning, .bg-danger.

Multiple bars

we can give multiple background color to same progress bar by adding .bg-success, .bg-info, .bg-warning, .bg-danger and spilt values to each .progress-bar.

Striped

just add .progress-bar-striped to any progress-bar.

Animated stripes

just add .progress-bar-striped and .progress-bar-animated to any progress-bar.