Animated Counters

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:

0 km
Distance Travelled
0
Pizzas Consumed
$ 0
Money Spent

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:

[thrive_number_counter color='orange' value='3819' before='$' after='' label='Money Spent']

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%
Adipiscing Elit
100%
Lorem Ipsum

Code Example:

[thrive_fill_counter color='red' value='75' before='' after='%' percentage='75' label='Fill Counter']