Slider

Slider is an interactive component that lets the user swiftly slide through possible values spread on the desired range.

Its basic implementation is quite simple and does not require big blocks of code.

Examples of Bootstrap slider use:

Video progress bar
Volume increase/decrease
Enthusiasm-o-meter

Examples

Slider example.

<label for="customRange1">Example range</label>
<input type="range" class="custom-range" id="customRange1" min="0" max="100" value="50">
<label for="customRange2">Example range</label>
<input type="range" class="custom-range thumb-danger" id="customRange2" min="0" max="100" value="50">
<label for="customRange3">Example range</label>
<input type="range" class="custom-range thumb-success bg-dark" id="customRange3" min="0" max="100" value="50">

Spinner

Select 2