JSFiddle - React, Tailwind, and code Playground

HTML

<div class="progressBar"><a href="#" id="progressBar1"><span class="progress" id="progress1"></span></a></div>

CSS

.progressBar { 
   border:1px solid #aaa; 
   color:#fff; 
   width:295px; 
   height:5px;
}
.progress {
   background-color:#ff0000;
   height:5px;
   display:inline-block;
}

JavaScript

$('#progressBar1, .progressBar, .progress').on('click',function() {
            var progress = document.getElementById("progress1");
            progress.style.width = 70 + "%";
        });