JSFiddle - React, Tailwind, and code Playground

HTML

<div class="progress">
    <div class="progress_inner"></div>
</div>
<p><span class="click_me">Click me</span></p>

CSS

.progress {
    width: 300px;
    border: 1px solid;
    border-radius: 20px;
    overflow: hidden;
}

.progress_inner {
    height: 20px;
    width: 0;
    background: orange;
    border-radius: 20px;
}

.click_me {
    cursor: pointer;
}

JavaScript

$('.click_me').click(function() {
    $('.progress_inner').animate({
        'width' : '100%'
    }, 2000);
});