Progress

  1. Elements
  2. Progress
Basic Progress

A basic progress in all different colors.

Striped Progress

A basic progress in all different colors.

Progress Sizes

A basic progress in different sizes.

Size Super Extra Small
Size Extra Small
Size Small
Size Normal
Size Large
Progress Label

A basic progress in different sizes.

50%
60%
95%
Animated Bars

The striped gradient can also be animated. Add .progress-bar-animated to .progress-bar to animate the stripes right to left via CSS3 animations.

Multiple Bars

Include multiple progress bars in a progress component if you need.

HTML Project
Project status 35%
Wordpress Project
Project status 50%
Angular Project
Project status 40%
React Project
Project status 10%
PHP Project
Project status 70%