KBSlider Range-Slider Source

view the Source for Vertical Range Slider

A Demo HTML File

You only need the one div:

<div class="volume KBSlider" button="display" ></div>

(:SyntaxMan lang-html KBSlider DEMO HTML SOURCE CODE: SyntaxMan:) (:SyntaxMan lang-html

<!DOCTYPE html> <html lang="en"> <head> 

    <meta charset="UTF-8">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    <link type="text/css" href="KBSlider.css.php" rel="stylesheet" />

</head> <body>

<div class="centerme"> <div id="feedback"> 0%</div> <div class="volume KBSlider" button="display" ></div> <!-- use button="display" or button="none" -->

<br/><br/>

<main> 

  <form><!--  This is a sample of a simple input form -->
      <div>
          <label for= "progress">Progress:</label>
          <input name="progress" id="SlideInput" type="text" placeholder="0"/>
      </div>
          <button type="button" id="submit">set progress</button>
  </form>

</main> </div>

<script type="text/javascript" src ="KBSlider.js"></script> </body> </html>

SyntaxMan:)