JSFiddle - React, Tailwind, and code Playground

HTML

<div class="progressbar">
    <div class="text">%0 Completed</div>
    <div class="progressbar_inner"></div>
</div>

CSS

.progressbar_inner{
    height: 50px;
    background: #ccc;
    width: 0%;
}

JavaScript

$(".progressbar_inner").animate({width:"100%"},
                                {
                                    duration: 1000,
                                    step: function(current_number){
                                        $(".text").html(Math.floor(current_number) + "% Completed");
                                }
});