Animated Counters

[heading type=”boxed” title=”Animated Counters” subtitle=”These are great for displaying varying types of data to your viewers, wether its sales percentages, skill levels, promotional levels or any other numbers.” icon=”gauge”]

[counters_circle]
[counter_circle filledcolor=”#1e73be” unfilledcolor=”#f7f7f7″ value=”31″]Custom[/counter_circle]
[counter_circle filledcolor=”#dd9933″ unfilledcolor=”#f7f7f7″ value=”80″]Multiple[/counter_circle]
[counter_circle filledcolor=”#000″ unfilledcolor=”#f7f7f7″ value=”80″]Counters[/counter_circle]
[/counters_circle]

[spacer space=”50px”]

[heading type=”line” title=”Icons In Counters” subtitle=”” icon=”heart”]

[spacer space=”50px”]

[counters_circle]
[counter_circle filledcolor=”#81d742″ unfilledcolor=”#f4f4f4″ value=”30″ icon=”heart”]Text[/counter_circle]
[counter_circle filledcolor=”#8224e3″ unfilledcolor=”#f7f7f7″ value=”57″ icon=”heart”]Text[/counter_circle]
[counter_circle filledcolor=”#dd3333″ unfilledcolor=”#f7f7f7″ value=”87″ icon=”gauge”]Text[/counter_circle]
[/counters_circle]

[spacer space=”50px”]

[heading type=”line” title=”Boxed Counters” subtitle=”” icon=”gauge”]

[spacer space=”20px”]

[counters_box]
[counter_box value=”86″]Boxed Counter[/counter_box]
[counter_box value=”66″]Multiple Counters[/counter_box]
[counter_box value=”66″ color=”#1e73be”]With Custom Color[/counter_box]
[/counters_box]

Leave a Reply

Your email address will not be published. Required fields are marked *