enter image description here

How to <input type="range"> remove the slider and change the color of the strip? (analogue progress on the screen)

    1 answer 1

     .range { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #444; height: 3px; vertical-align: bottom; } .range::-webkit-slider-thumb { -webkit-appearance: none; } .range::-moz-range-thumb { width: 0; height: 0; border: 0; } .range::-ms-thumb { width: 0; height: 0; border: 0; } 
     <input type="range" class="range">