1 - Super Simple

                                        
                                             
HTML

                                             
<div class="range-slider no-animation" id="rs-demo-1">
     <div class="range-slider-completed"></div>
 </div>
 <div>
     <h6 id="rs-1" class="text-muted text-center mt-3"></h6>
 </div>
                                        
                                   
                                        
                                             
JS

                                             
<div class="range-slider no-animation" id="rs-demo-1">
     <div class="range-slider-completed"></div>
 </div>
 <div>
     <h6 id="rs-1" class="text-muted text-center mt-3"></h6>
 </div>

2 - Simple With Handle

3 - Handle With Round

4 - Negitive Value

5 - Vertical Range Slider

5 - With Steps

5 - Dynamic Changes

Min:

Max:

Value:

Step: