Range Slider
Description
The JavaScript Range Slider is a custom range-type HTML5 input control. It allows you to select a value or range of values between a specified min and max.
Setup
- Step 1 : Add css file in your html :
<link rel="stylesheet" href="ttps://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.2.0/css/ion.rangeSlider.min.css"> - Step 2 : Add css file in your html :
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.2.0/css/ion.rangeSlider.min.css"> - Step 2 : Add JS file in your html :
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.2.0/js/ion.rangeSlider.min.js"</script> - Step 3 : Add HTML code from code tab
HTML
<input type="text" id="example_id" name="example_name" value="" />JS
$("#example_id").ionRangeSlider();