Counters

Animate a number from zero (counting up towards it).

How to use? #

Copy-paste the following <script> near the end of your pages to enable it.


										<script src="../vendors/counter/countUp.js"></script>
										<script src="../vendors/waypoints/jquery.waypoints.js"></script>
									

Basic example #

  • 20,956,732 Registed Users
  • 9,050,656 Providers
<ul class="list-inline mb-0 mx-n8">
    <li class="list-inline-item px-8 mr-2">
        <div class="counter">
            <span class="counterup h3 mb-0 lh-11 d-block font-weight-normal" data-start="0"
                  data-end="20956732"
                  data-decimals="0"
                  data-duration="0" data-separator=",">20,956,732</span>
            <span class="text-gray d-block mt-1">Registed Users</span>
        </div>
    </li>
    <li class="list-inline-item px-8">
        <div class="counter">
            <span class="counterup h3 mb-0 lh-11 d-block font-weight-normal" data-start="0"
                  data-end="9050656"
                  data-decimals="0"
                  data-duration="0" data-separator=",">9,050,656</span>
            <span class="text-gray d-block mt-1 ">Providers</span>
        </div>
    </li>
</ul>