Progress
Basic
Default progress bar.
Striped
Uses a gradient to create a striped effect.
Size
Use .progress-sm, .progress-md, .progress-lg to create a different Size.
Animated
The striped gradient can also be animated. add .animatebar-bar to animate the stripes right to left via CSS3 animations.
Stacked
The stacked gradient can also be different size progress. in one .progress add different color and .progress-bar the Stacked right to left via part of color.
Color
Progress bars use some of the same button and alert classes for consistent styles.
Vertical bar size
Use vertical bar with different size.
Vertical complex with color
Use vertical complex with different color.
Pieprogress circle
Use pieprogress circle with different style.
0%
New Clients
Hello
0%
2: 00
Circle progress bar
Use different style circle progress bar.