Range Slider
Default Range 
<input type="range" class="form-range" id="customRange1">
Disabled Range 
<input type="range" class="form-range" id="disabledRange" disabled>
Range With Min and Max Values 
<input type="range" class="form-range" min="0" max="5" id="customRange2">
Range With Steps 
<input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">
noUiSlider:
Default-Styling
Fit Handles
Rounded Styling
Square Styling
Color Picker Slider
Locking Sliders
60.00
80.00
Merging tooltips slider
20.00
80.00
Non Linear Slider
500.00, 10.00%
4000.00, 50.00%
Sliding Handles Tooltips
30.00
80.00
Colored Connect Elements
Slider Toggle
Toggle Movement By Clicking Pips
0
25
50
75
100
Soft Limits
20
80
noUiSlider Colors:
Primary
Secondary
Warning
Info
Success
Danger