How to make use of it:

1. Load the minified model of the Countfect jQuery plugin within the HTML.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/src/countfect.min.js"></script>

2. Add the required CSS class countfect to the counter and decide the goal number within the data-num attribute.

<span class="countfect" data-num="1200"></span>
<span class="countfect" data-num="1800"></span>
<span class="countfect" data-num="2400"></span>

3. Apply your individual CSS styles to the counter.

.countfect { 
  font-family: 'Archivo Black'; 
  font-size: 2.5rem; 
  /* more styles here */
}

jquery counter on scroll, dynamic counter jquery, jquery animate number count up, website visitor counter jquery plugin

See Demo And Download