Range
A value on a slider
Basic
Code
<div>
<label class="form-label" for="rg-1">Volume</label><input class="range" type="range" id="rg-1" min="0" max="100" value="60" style="--p: 60%" aria-label="Volume">
</div>With steps
Code
<div>
<label class="form-label" for="rg-2">Budget</label><input class="range" type="range" id="rg-2" min="0" max="10000" value="4000" style="--p: 40%" aria-label="Budget">
</div>