Html Slider

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

HTML

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

<div id="jqxSlider"></div>

CSS

#jqxSlider2 {
  position: absolute;
  top: 8px;
  left: 8px;
}

#jqxSlider .jqx-slider-track {
  background-color: transparent;
}

#jqxSlider .jqx-slider-rangebar {
  background-color: transparent;
}

#jqxSlider2 .jqx-slider-rangebar {
  background-color: transparent;
}

JavaScript

$('#jqxSlider2').jqxSlider({
  theme: 'energyblue',
  value: 4,
  template: "warning",
  //disabled: true
});

$('#jqxSlider').jqxSlider({
  theme: 'energyblue',
  value: 6
});