JSFiddle - React, Tailwind, and code Playground

HTML

<div id="progressbar" style="background: #ffffff;">
      <div></div>
    </div>

CSS

#progressbar {
       background-color: black;
       border-radius: 13px; /* (height of inner div) / 2 + padding */
       padding: 3px;
    }
    
    #progressbar > div {
       background-color: orange;
       width: 40%; /* Adjust with JavaScript */
       height: 20px;
       border-radius: 10px;
    }