Creates an animated number counter.

Aliases: [count].

Attributes

number_to

(required) Number we’re counting to.

Default: None

number_from

(optional) Number we’re counting from.

Default: 0

duration

(optional) Duration determining how long the animation will run (in milliseconds).

Default: 4000

easing

(optional) Easing function to use for the transition. Possible values: swing, linear.

Default: swing

Examples

Example #1

Count from 1900 to 2000 with linear easing:

[number_counter number_from="1900" number_to="2000" duration="10000" easing="linear"]

Output #1

Example #2

Count from 1900 to 2000 with swing easing:

[number_counter number_from="1900" number_to="2000" duration="10000" easing="swing"]

Output #2

Example #3

Count from 100 to 0:

[number_counter number_from="100" number_to="0" before="<strong>" after="</strong>"]

Output #3