[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"]
