range type input slider javascript code example

Example 1: html slider input

<input type="range" min="1" max="100" value="50" class="slider" id="myRange">

Example 2: how to style input range thumb slider

appearance: none;
-webkit-appearance: none;

// to hide default and apply new styles