Introduction

Range slider

Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options.. For more info, please visit the plugin's site

  • Ion.RangeSlider — cool, comfortable, responsive and easily customizable range slider
  • Supports events and public methods, has flexible settings, can be completely altered with CSS
  • Cross-browser: Google Chrome, Mozilla Firefox 3.6+, Opera 12+, Safari 5+, Internet Explorer 8+
  • Ion.RangeSlider supports touch-devices (iPhone, iPad, Nexus, etc.).
  • Ion.RangeSlider freely distributed under terms of MIT licence.
  • With this plugin you will be able to build beautiful range sliders, like this:
<!-- plugin css file  -->
<link rel="stylesheet" href="assets/bundles/rangeslider.min.css">

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

Start without params

Set min value, max value and start point

Set type to double and specify range, also showing grid and adding prefix "$"

Set up range with negative values

Using step 250

Set up range with fractional values, using fractional step

Set up you own numbers

Using any strings as your values

One more example with strings

No prettify. Big numbers are ugly and unreadable