JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<div id="pan"><div id="roll"></div></div>

CSS

#pan { width: 200px; border: 1px solid orange;background:orange;}
#roll { width: 100px; height: 30px; background:green;}

JavaScript

function progress(a) {
    var wi = Math.round($('#pan').width()/100*a);
$('#roll').css('width',wi)
    }
//на вход процент от 0 до 100
progress(23);