JSFiddle - React, Tailwind, and code Playground

HTML

<input type="range" />

CSS

input[type="range"]::-ms-fill-upper {
    background-color: black;
}
input[type="range"]::-ms-fill-lower {
        background-color: red;
}
input[type="range"]::-ms-track {
    color: yellow;
    border: none;
}
input[type="range"]::-ms-thumb {
    background-color: white;
}
}