<div class="rangeWrapper"> <input id="slide" type="range" min="1" max="4" step="1" value="1" /> <p class="rangeLabel selected">Label A</p> <p class="rangeLabel">Label B</p> <p class="rangeLabel">Label C</p> <p class="rangeLabel">Label D</p> </div>
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