How it works

noUiSlider is a lightweight range slider with multi-touch support and a ton of features. It supports non-linear ranges, requires no external dependencies, has keyboard support, and it works great in responsive designs. Have you tried this documentation on your phone?. For more info, please visit the refreshless.com/nouislider/

<!-- plugin css file  -->
<link rel="stylesheet" href="assets/bundles/nouislider.min.css"/>

<!-- Plugin Js -->
<script src="assets/bundles/nouislider.bundle.js"></script>

<!-- Jquery Page Js -->
<script>
var slider = document.getElementById('slider');
noUiSlider.create(slider, {
	start: [20, 80],
	connect: true,
	range: {
		'min': 0,
		'max': 100
	}
});
</script>