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