General

Basic Progress Bars

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete

Striped Progress Bars

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

Animated Progress Bars

45% Complete

Modal Example

Launch Modal

Alerts Examples

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

Dismissable Alert

Warning! Better check yourself, you're not looking too good.

Badges

5 10 15 20 25 30 35

Labels

label Primary Success Info Warning Danger