January 16, 2015

Animated Counters Example

With the short code options in this theme, you can add two types of counters to your content.

Number Counter
The first kind is a number counter:

349 0 Km
Distance Travelled
5 0
Pizzas Consumed
$251 0
Money Spend

The number counters are available in 8 different colors and are highly customizable. You can add any custom unit before and/or after the number and can add a custom label to each counter.

Code Example:

Enter your text here...

Fill Counter
The fill counter is similar to a progress bar, but much more compact. You can use it to visualize an amount of almost anything or compare different amounts visually.

75%
Fill Counter
85%
Custom Text
20%
Lorem Ipsum

39%
Dolor Sit Amet
42%
Adipiscin Elit
100%
Lorem Ipsum

Code Example:

Enter your text here...

2nd Admin

Click Here to Leave a Comment Below

Leave a Reply: