Progress

Displays as a bar - an indicator that will show the completion progress of a task. Created using Bootstrap progress functionality, tweaked with adding AOS animation.

Progress default

With Label
25%
Multiple bars

Progress height

Use.progress-{xs|sm|md|lg|xl}class to change progress bar height

Progress xs

Progress sm

Progress md

Progress lg

Progress xl

Progress stripes

Add .progress-bar-animated to .progress-bar to animate the stripes right to left via CSS3 animations.

Progress Striped

Progress Striped with animation

Progress percentage style

Progress percentage

80%

Progress animation on scroll

Web Development

80%

UI/UX design

98%

Content marketing

90%
Go Up