Range
Set horizontally scrollable range.Include it at the end of the page body: <script src="assets/plugins/rangeslider/rangeslider.min.js" id="_rangeJS_min"></script>
Vertical
data-orientation="vertical"<inputtype="range"min="1"max="100"step="1"value="30"data-orientation="vertical"class="invisible"><inputtype="range"min="1"max="100"step="1"value="42"data-orientation="vertical"class="invisible"><inputtype="range"min="1"max="100"step="1"value="18"data-orientation="vertical"class="invisible">Horizontal
data-orientation="horizontal"(as default)The rangeslider.jsAPI is compatible with the standard HTML input methods: $('input[type="range"]').val(10).change();