Range Slider

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