Basic Progress Bars

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

Stripped Progress Bars

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

Animated Progress Bars

45% Complete

Modal Example

Gritter Examples

Click on below buttons to check it out.

Regular Sticky Imageless Light Remove all

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