Animated Progress Bar

What’s this?

The animated progress bar can to used to visualize a number percentage. When the bar comes into view it will animate to the given number. a Check out the examples below.

Primary colors

90%
[animated_progress end_number="90"]

Dark colors

85%
[animated_progress color="dark" end_number="85"]

No animation

70%
[animated_progress end_number="70" animated="0"]
X

Variations

Change the Skin for this Case Study

Case Studies

Design demos for React