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

1. Basic Block we have designed

<!– first count item –>
<div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms">
 <div class="counters-item">
 <i class="fa fa-clock-o fa-3x"></i>
 <strong data-to="3200">0</strong>
 <!– Set Your Number here. i,e. data-to="56" –>
 <p>Hours of Work</p>

Change the value of span as you want.

2. jQuery code for counter up

$(".number-counters").appear(function () {  
 $(".number-counters \[data-to\]").each(function () {  
 var e = $(this).attr("data-to");  
 from: 50,  
 to: e,  
 speed: 3e3,  
 refreshInterval: 50  

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

Improve this page on Github  — Last updated:  Tue, Dec 15, 2020