1. Home
  2. Docs
  3. Sulfur
  4. Counter


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

1. Basic Block we have designed
[code language=”html”]
<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>
Change the value of data-to value as you want count from 0 to that value.

2. jQuery code for counter up
[code language=”javascript”]
$(‘.counter-item’).appear(function() {
},{accY: -100});
you can customize the settings of counterUp (make sure you have read the documentation from here

Was this article helpful to you? Yes No

How can we help?