Type A Range Slider

Value:


Type B

How to use

Include css and js files:

    <link rel="stylesheet" href="css/rSlider.min.css">
    <script src="js/rSlider.min.js"></script>
            

Add an input field to your HTML code

    <input type="text" id="sampleSlider" />
            

Add a small Javascript piece to your JS file:

            var mySlider = new rSlider({
                target: '#sampleSlider',
                values: [2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015],
                range: true,
                tooltip: true,
                scale: true,
                labels: true,
                set: [2010, 2013]
            });