JSFiddle - React, Tailwind, and code Playground

by murgiaMarco

HTML

<input type="range" min="1" max="100" step="1" value="15">

CSS

input[type="range"]{
    -webkit-appearance: none;
    -moz-apperance: none;
    border-radius: 6px;
    height: 6px;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(1, #94A14E),
        color-stop(0.25, #C5C5C5)
    );
}