Range Slider

Default:
Default Range 
<input type="range" class="form-range" id="customRange1">
Range With Min and Max Values 
<input type="range" class="form-range" min="0" max="5" id="customRange2">
Disabled Range 
<input type="range" class="form-range" id="disabledRange" disabled>
Range With Steps 
<input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">
noUiSlider:
Default-Styling
Rounded Styling
Fit Handles
Square Styling
Locking Sliders
Merging tooltips slider
Non Linear Slider
Sliding Handles Tooltips
Color Picker Slider
Slider Toggle
Colored Connect Elements
Soft Limits
Toggle Movement By Clicking Pips
noUiSlider Colors:
Primary
Primary1
Primary2
Primary3
Secondary
Warning
Info
Success
Danger