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