1. Docs
2. Forms
3. Range

Range

Use .velin-range for cross-browser styled range slider inputs with custom track and thumb.

Default range

<label class="velin-label" for="vol">Volume</label>
<input type="range" class="velin-range" id="vol">

Min, max, and step

Range inputs accept standard min, max, and step attributes.

<input type="range" class="velin-range" min="0" max="100" step="5" value="50">

Disabled

<input type="range" class="velin-range" disabled>