Counter

We have used counter in this template using jQuery plugin named counterup

1. Basic Block we have designed

<div class="counter-item">
 <i class="fa fa-cloud-upload"></i>
 <div class="timer" id="item1" data-to="991" data-speed="5000"></div>
 <p>Sed ut perspiciatis unde omnis iste natus voluptatem accusantium laudantium aperiam.</p>
 <h3>Files uploaded</h3>
 </div>

Change the value of data-to value as you want count from 0 to that value.

2. jQuery code for counter up

$('.counter-item').appear(function() {  
 $('.timer').countTo();  
},{accY: -100});  

you can customize the settings of counterUp (make sure you have read the documentation from here

Improve this page on Github  — Last updated:  Thu, Oct 19, 2023