Counter-Up

Counter-Up is a jQuery plugin that animates a number from zero (counting up towards it). It supports counting up:

Features:

Requires waypoints.js

Demo

DEMO

Usage

Include

1
2
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="jquery.counterup.min.js"></script>

HTML

1
2
3
<span class="counter">1,234,567.00</span>
<span>$</span><span class="counter">1.99</span>
<span class="counter">12345</span>

jQuery

1
$('.counter').counterUp();

or with extra parameters

1
2
3
4
$('.counter').counterUp({
    delay: 10,
    time: 1000
});

1
delay
- The delay in milliseconds per number count up

1
time
- The total duration of the count up animation

Social Stuff

Twitter: @bfintal & @gambitph

Google+: