Default Progress bars

Use .bg-{state} in .progress-bar

Gradient Progress bars

Use .bg-gradient-{state} in .progress-bar

Striped Progress bars

Use .progress-bar-striped in .progress-bar

Animated Progress bars

Use .progress-bar-animated in .progress-bar

Progress bars with labels
Project 1
25%
Project 2
50%
Project 3
75%
Project 4
100%
Project 5
75%
Project 6
40%
Small Progress Bars

Use .progress-tiny in .progress

Project 125%
Project 250%
Project 375%
Project 4100%
Project 575%
Project 640%
Round Progress Bars

Use .bg-{state} in .progress-circle

12%
38.8%
78%
100%
Small Round Progress Bars

Use .progress-round-tiny in .progress-circle

12%
38.8%
78.8%
100%