Progressbar
Default Progress bars

Default progress bar style

60% Complete
Striped Progress bar

add .progress-bar-striped to change the style

85% Complete (success)
Colored Progress bar

add bg-primary, .bg-danger, .bg-info to change the style

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
Different bar sizes

add bg-primary, .bg-danger, .bg-info to change the style

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
Skill Bars

add .progress-animated to change the style

Photoshop 85%
60% Complete
Code editor 90%
60% Complete
Illustrator 65%
60% Complete
  • Default
  • Green
  • Blue
  • Pink
  • Yellow
  • Orange
  • Purple
  • Red
  • Lightblue
  • Teal
  • Lime
  • Deeporange