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.