JSFiddle - React, Tailwind, and code Playground

HTML

<p>Для того, чтобы поменять значение прогресс бара, просто поменяйте значение свойства <b>width</b> в атрибуте <b>style</b> элемента с классом <b>progress-bar-fill</b></p>
<div class="wrapper">
    <div class="progress-bar">
        <span class="progress-bar-fill" style="width: 70%"></span>
    </div>
</div>

CSS

.wrapper {
	width: 500px;
}

.progress-bar {
	width: 100%;
	background-color: #e0e0e0;
	padding: 3px;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}

.progress-bar-fill {
	display: block;
	height: 22px;
	background-color: #659cef;
	border-radius: 3px;
	transition: width 500ms ease-in-out;
}