Progress Bars
Default progress bar
60% Complete
Large progress bar
75%
striped progress bar
85% Complete (success)
Default colored progress bar

Add colors to progress bars, please add class progress-bar-info.

20% Complete
30% Complete
40% Complete
50% Complete
60% Complete
All size Bars

Size whatever you want just add class progress-xs, sm, md, lg.

20% Complete
30% Complete
60% Complete
80% Complete
Animated Bars

You can also use animated bar by just putting active class.

85% Complete (success)
85% Complete (success)
85% Complete (success)
85% Complete (success)
vertical progress bar

Add progress-vertical class.

88% Complete
88% Complete
88% Complete
88% Complete
88% Complete
88% Complete
vertical progress bar from bottom

Add class progress-vertical-bottom.

88% Complete
88% Complete
88% Complete
88% Complete
88% Complete
88% Complete
vertical striped Bars

 

88% Complete
88% Complete
88% Complete
88% Complete
animated progress bar
60% Complete
60% Complete
70% Complete
80% Complete
40% Complete
90% Complete
staked progress bar
skills bars
Photoshop85%
85% Complete (success)
Dreamweaver80%
85% Complete (success)
Illustrator70%
85% Complete (success)
Corel Draw45%
85% Complete (success)
Copyright @ 2018 Hyrax UX Panel. All Rights Reserved
Created with by srgit SRGIT