← All elements
<input class="rf" type="range" min="0" max="100" value="40" aria-label="Brightness">About this slider
A range input whose track fills with colour up to the thumb, using the progress pseudo-element in Firefox and a gradient hack in WebKit. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.