Jquery Count up numbers when scrolled into view

jquery-numbers-count-up

/** Jquery Count up numbers when scrolled into view
 * <div class="col-lg-4 stats">
 *   <h3 class="">
 *      <span class="statvalue" numx="895"></span>
 *   </h3>
 *   <p class="lead">
 *       Since we started
 *   </p>
 * </div>
 
 * <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js" ></script>
 * <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js"></script>
 * <script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/1.9.3/countUp.js"></script>
 * **/

// jquery countup
var options = {
    useEasing: true,
    useGrouping: true,
    separator: ',',
    decimal: '.',
    prefix: '',
    suffix: ''
};

var counts = [];

$('.statvalue').each(function() {
    var num = $(this).attr('numx'); //end count
    var nuen = $(this).text();
    if (nuen === "") {
        nuen = 0;
    }

    counts.push(new CountUp(this, nuen, num, 0, 3, options));
});

var waypoint1 = new Waypoint({
    element: document.getElementsByClassName("stats"),
    handler: function(direction) {
        if (direction == "up") {
            for (var i = 0; i < counts.length; i++) {
                counts[i].reset();
            }
        } else {
            for (var i = 0; i < counts.length; i++) {
                counts[i].start();
            }
        }
    },
    offset: "50%"
});

could this be used with %?