Bootstrap 5Range
Custom Range
To style a range menu, add the.form-range class to the input element with type="range":
Example
<label for="customRange" class="form-label">Custom range</label>
<input type="range" class="form-range" id="customRange">
Try it Yourself »<input type="range" class="form-range" id="customRange">
Steps
By default, the interval between the range numbers is 1. You can change it by using thestep attribute:
Min and Max
By default, the minimum value is 0 and maximum value is 100. You can use themin and/ormax attribute change it:
