Demo

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

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

Badge 42

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.

Tooltip on left
Tooltip on top
Tooltip on bottom
Tooltip on right

Default Primary Success Info Warning Danger