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
Merging tooltips slider
Non Linear Slider
Sliding Handles Tooltips
noUiSlider Colors:
Primary
Secondary
Warning
Info
Success
Danger
Toggle Movement By Clicking Pips
Soft Limits
Colored Connect Elements
Slider Toggle