tabler/pages/_docs/countup.md

title, menu

title	menu
Countup	docs.countup

Countups with many options that can be found here

To make countup add data-countup to any html text tag.

Default countup

Set number to count up.

{% example %}

30000

{% endexample %}

Duration

Set the duration of the countup. (2s is set by default)

{% example %}

30000

30000

30000

{% endexample %}

Starting value

Set the start value of countup using startVal. If you set it bigger than the count, countup will run reverse.

{% example %}

30000

30000

{% endexample %}

Decimal places

Set how many decimal places to show using decimalPlaces.

{% example %}

3.123

3.123

3.123

3.123

{% endexample %}

Easing

Disable easing using "useEasing": false. (true by default)

{% example %}

30000

30000

{% endexample %}

Use grouping

Disable grouping using "useGrouping": false. (true by default)

{% example %}

30000

30000

{% endexample %}

Separator

Set seperator that seperates groups using separator. (, by default)

{% example %}

3000000

3000000

3000000

3000000

{% endexample %}

Decimal separator

Set decimal separator using decimal. (. by default)

{% example %}

3.12

3.12

3.12

3.12

{% endexample %}

Prefix

Set countup prefix using prefix.

{% example %}

30000

30000

30000

{% endexample %}

Suffix

Set countup suffix using suffix.

{% example %}

30

30

30

{% endexample %}

Of course you can mix all of these:

{% example %}

64547834.76

{% endexample %}

To do more advanced stuff with countups go here to check how it's done.