JSFiddle - React, Tailwind, and code Playground

HTML

<progress max="100" value="80"></progress>

JavaScript

var p = document.querySelector("progress");

p.addEventListener("click", function(e){
     p.setAttribute('value', 
        Math.round(event.offsetX / $(this).width() * 100)
        );
});