[box type=”custom-boxed-item” align=”center” text_align=”textcenter”]
[fancy_header tag=”h4″ size=”medium” text_align=”textcenter” bold=”1″]What’s this?[/fancy_header]
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.
[icon icon=”fa-arrow-down” font_size=”15″ boxed=”1″ description=”See examples below” position=”center” margin_top=”20px” margin_bottom=”-40px” link=”#content” class=”infinite wobble”]
[/box]
[section_break type=”blank” margin_bottom=”30″ /]
[fancy_header bold=”1″ type=”style1″]Primary colors[/fancy_header]
[animated_progress end_number=”90″ margin_top=”40″ margin_bottom=”40″]

[animated_progress end_number="90"]

[fancy_header bold=”1″ type=”style1″ margin_top=”50″]Dark colors[/fancy_header]
[animated_progress color=”dark” end_number=”85″ margin_top=”40″ margin_bottom=”40″]

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

[fancy_header bold=”1″ type=”style1″ margin_top=”50″]No animation[/fancy_header]
[animated_progress end_number=”70″ animated=”0″ margin_top=”40″ margin_bottom=”40″]

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