JSFiddle - React, Tailwind, and code Playground

HTML

<div id="status">Anim process: <span></span></div>

JavaScript

$({xyz: -100}).animate({xyz:100}, {duration:10000, complete:function(){
        console.log("done");
    }, step: function(now) {
        //here you want to place your processing code for every frame of animation.
        console.log("Anim now: "+now);
        $("#status > span").html(now);
    }});