JSFiddle - React, Tailwind, and code Playground

by oneboy

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css">
 <div class="progress"></div>

JavaScript

var val =  0.00;

    $('.progress').progressbar({value: val });             

    function updateProgress() {
        val += 0.01;
        $('.progress')
            .progressbar({value:val})
            .children('.ui-progressbar-value')
            .html(val.toFixed(2) + '%')
            .css({
                display: 'block',
                align: 'center',
                fontColor: 'red',
                });            
        if(val < 100)
            setTimeout(updateProgress, 1000);
    }

    setTimeout(updateProgress, 1000);