Count Up
Animate numbers counting up to a specific value. Perfect for dynamic stats or milestones on your site.
Required attributes
Optional
Defines the element that displays the counting number.
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
Specifies the target value for the count-up animation.
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
Defines a prefix to display before the counting value.
Attribute to add
Name
wt-countup-prefix
Value
Instructions
Set this attribute to add a prefix (e.g., currency symbol) before the number.
How does it look?
Optional
Defines the speed (in milliseconds) of the count-up animation.
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
Specifies the increment value for each step of the count-up animation.
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
Defines a suffix to display after the counting value.
Attribute to add
Name
wt-countup-suffix
Value
Instructions
Set this attribute to add a suffix (e.g., unit) after the number.
How does it look?
Optional Attributes
No items found.
Working examples