Progress Bars

Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.

See our Documentation for a detailed technical explanation.
Choose your color
Primary Color
50%
Secondary Color
60%
Tertiary Color
60%
Dark Color
60%
Light Color
60%
Gray Color
60%
Success Bar
60%
Info Bar
60%
Danger Bar
60%
Warning Bar
60%
Tooltip

Angular

40%

Wordpress

40%

Laravel

40%

Php

40%

Vue Js

40%

React Native

40%

Bootstrap

40%

Angular

40%

Javascript

40%

Node Js

50%
Progress Bars Striped

Angular

40%

Wordpress

40%

Laravel

40%

Php

40%

Vue Js

40%

React Native

40%

Bootstrap

40%

Angular

40%

Javascript

40%

Node Js

50%
Labels
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Choose your size
XL Progress Bar
40%
LG Progress Bar
60%
MD Progress Bar
60%
SM Progress Bar
60%