Count Up
Animate numbers counting up to a specific value. Perfect for dynamic stats or milestones on your site.
Required attributes
Optional
I want this element to display the animated count.
Attribute to add
Name
wt-countup-element
Value
counter
Instructions
Assign this attribute to the element that will show the count-up value.
How does it look?
Optional
I want this attribute to specify the final count value.
Attribute to add
Name
wt-countup-target
Value
0 (default)
Instructions
Set this attribute to the target number the counter should reach.
How does it look?
Optional Attributes
Optional
I want this attribute to define the increment step.
Attribute to add
Name
wt-countup-step
Value
1 (default)
Instructions
Set this attribute to define the increment value for counting up.
How does it look?
Optional
I want this attribute to control the update interval speed (ms).
Attribute to add
Name
wt-countup-speed
Value
10 (default)
Instructions
Set this attribute to control the speed of the count-up animation.
How does it look?
Optional
I want this attribute to add a prefix before the counter.
Attribute to add
Name
wt-countup-prefix
Value
{Prefix value}
Instructions
Set this attribute to add a prefix (e.g., currency symbol) before the number.
How does it look?
Optional
I want this attribute to add a suffix after the counter.
Attribute to add
Name
wt-countup-suffix
Value
{Suffix String}
Instructions
Set this attribute to add a suffix (e.g., unit) after the number.
How does it look?
Working examples