JSFiddle - React, Tailwind, and code Playground

by Chuan Shao

HTML

<input type="range">

CSS

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    cursor: pointer;
    background: blue;
    height: 1px;
    margin-top: -10px;
    border-radius: 1.3px;
    border: 0.2px solid blue;
}