/wiki/rsrc/slider.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>