Counter

Counter is a lightweight plugin that counts up to a targeted number.

Plugin Documentation

Usage

JS

In order to use this plugin on your page you will need to include the following script in the page.

copy

<script src="assets/libs/waypoints/waypoints.min.js"></script>
<script src="assets/libs/countup/jquery.counterup.min.js"></script>

Initialization

Add the below init function before the closing </body> tag, to enable it.

copy

<script>
    $(document).on('ready', function () {
        $('.countup').counterUp({
            delay: 25,
            time: 2000
        });
    });
</script>

Examples

  1. Simple Counter
    5568
    copy
    
<div class="countup">5568</div>
  2. Heading
    5568
    copy
    
<div class="countup h3">5568</div>
  3. Mix
    568k

    Happy Clients

    365 / 7

    Customer Support

    copy
    
<div class="row">
    <div class="col-md-6">
        <span class="h2"><span class="countup">568</span>k</span>
        <p class="mt-2 mb-0">Happy Clients</p>
    </div>
    <div class="col-md-6">
        <span class="h2"><span class="countup">365</span> / 7</span>
        <p class="mt-2 mb-0">Customer Support</p>
    </div>
</div>