<p class="component-desc">Default range slider:</p> <input type="range" min="1" max="100" value="50"> <p class="component-desc">Custom range slider:</p> <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter