Skip to content
A lightweight JavaScript range slider that works on mobile devices such as iOS or Android.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
mobile-range-slider.css Code clean up. Apr 20, 2012

Mobile Range Slider

A Touch Slider for Webkit / Mobile Safari

This lightweight JavaScript range slider works on mobile devices such as iOS or Android without any dependencies such as jQuery.

Basic Usage

new MobileRangeSlider('my_slider'); // passing an ID
new MobileRangeSlider(element); // passing a DOM element
<div id="my_slider" class="slider">
  <div class="track"></div>
  <div class="knob"></div>

### Advanced Usage

var slider = new MobileRangeSlider('slider', {
  min: -50,
  max: 50,
  value: 0,
  change: function(value){



### Options

* `value` - initial value. Defaul: 0
* `min` - minimum value. Default: 0
* `max` - maximum value. Default: 100
* `change` - callback handler


Developed by [Ubilabs](
You can’t perform that action at this time.