<label for="customRange1" class="form-label">Example range</label>
<input type="range" class="form-range" id="customRange1"><label for="disabledRange" class="form-label">Disabled range</label>
<input type="range" class="form-range" id="disabledRange" disabled><label for="customRange2" class="form-label">Example range</label>
<input type="range" class="form-range" min="0" max="5" id="customRange2">By default, range inputs “snap” to integer values. To change this, you can specify a step value.
In the example below, we double the number of steps by using step="0.5".
<label for="customRange3" class="form-label">Example range</label>
<input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">