JSFiddle - React, Tailwind, and code Playground

HTML

<progress id='video-progress' min='0' max='100' value='50'></progress>

CSS

body {
    background: #333;
}
#video-progress {
    background: transparent;
    border: none; /* Needed for Firefox */
    color: #fff; /* For IE10 */
    -webkit-appearance: none; /* Needed for WebKit/Blink */
}
#video-progress::-moz-progress-bar { 
    background: #fff;
}
#video-progress::-webkit-progress-value {
    background: #fff;
}
#video-progress::-webkit-progress-bar {
    background: transparent;
}