JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

progress {
   height: 16px;
    width: 400px;
    -moz-appearance: none;
    -webkit-appearance: none;
   appearance: none;
    border-radius: 24px;
    background: #fff;
    border: solid 2px #e5e5e5;

}
progress::-webkit-progress-bar {
    height: 16px;
    background: #37CC7D;
     border-radius: 20px;
}
progress::-webkit-progress-value {
    height: 16px;
    background: #37CC7D;
     border-radius: 20px;
}
progress::-moz-progress-bar {
    height: 16px;
    background: #37CC7D;
     border-radius: 20px;
}