Slider

Sliders represent a range of numeric values. We can see their usage in price filters in E-Commerce apps & as volume controls in media apps.

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