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"
<input type="range" min="1" max="100" step="1" value="30" data-orientation="vertical" class="invisible">
<input type="range" min="1" max="100" step="1" value="42" data-orientation="vertical" class="invisible">
<input type="range" min="1" max="100" step="1" value="18" data-orientation="vertical" class="invisible">
Horizontal
data-orientation="horizontal" (as default)
The rangeslider.js API is compatible with the standard HTML input methods: $('input[type="range"]').val(10).change();