JSFiddle - React, Tailwind, and code Playground
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.1;
$('.progress')
.progressbar({value:val})
.children('.ui-progressbar-value')
.html(val.toFixed(2) + '%')
.css({
display: 'block',
align: 'center',
fontColor: 'red',
});
if(val < 100)
setTimeout(updateProgress, 10);
}
setTimeout(updateProgress, 10);