Html Slider

Set the mode property of the jqxSlider. Author: http://jqwidgets.com

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="container">
 <div id="jqxSlider"></div>
</div>

CSS

#jqxSlider {
  border: 1px solid black;
}

#container {
  width: 400px;
  border: 1px solid red;
  
}

JavaScript

$('#jqxSlider').jqxSlider({
     theme:'energyblue',
     width:"100%"
 });