Js Count up

countup.js

$('.number').waypoint(function(){
  function startCounter(){
    $('.counter').each(function (index) {
          var size = $(this).text().split(".")[1] ? $(this).text().split(".")[1].length : 0;
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(parseFloat(now).toFixed(size));
                $(this).removeClass('counter'); // Remove the class so we only count once
            }
        });
    });
  }

  startCounter();
}, { offset: 'bottom-in-view' });

coutup.php

<div class="number">
  <span class="counter"><?php echo $stat; ?></span>
  <?php echo $stat_append; /* ex. '%' */?>
</div>

enque.php

    wp_enqueue_script( 'waypoints', get_template_directory_uri() . '/assets/js/jquery.waypoints.min.js', array( 'jquery' ), filemtime( get_stylesheet_directory() . '/assets/js/jquery.waypoints.min.js' ), true);

Download waypoints from https://github.com/imakewebthings/waypoints/tree/master/lib