Clean & Powerful Bootstrap Theme
  1. Home
  2. Progress Bars

Progress Bars


Twitter Bootstrap Progress Bars

40% Complete - Success
20% Complete - Info
60% Complete - Warning
80% Complete - Danger
----------------------------------------------------------------------------------------------------------------

iDea Progress Bars

40% Complete - Default
20% Complete - Gray
60% Complete - Dark
----------------------------------------------------------------------------------------------------------------------------------------------

Progress Bars Stripped

40% Complete - Success
20% Complete - Info
60% Complete - Warning
80% Complete - Danger
40% Complete - Default
20% Complete - Gray
60% Complete - Dark
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Progress Bars Stripped Animated

40% Complete - Success
20% Complete - Info
60% Complete - Warning
80% Complete - Danger
40% Complete - Default
20% Complete - Gray
60% Complete - Dark
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Animated Progress Bars

80% Complete - Success
90% Complete - Info
70% Complete - Warning
85% Complete - Danger
95% Complete - Default
92% Complete - Gray
100% Complete - Dark

Circular Progress Bars

90%
75%
80%
85%
100%
80%
85%

Design is not just what it looks like and feels like. Design is how it works.

Steve Jobs