# rangeslider.js
[![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/) [![rangeslider.js](http://img.shields.io/badge/rangeslider-.js-00ff00.svg)](http://andreruffert.github.io/rangeslider.js/) [![Build Status](https://travis-ci.org/andreruffert/rangeslider.js.svg?branch=develop)](https://travis-ci.org/andreruffert/rangeslider.js) [![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/andreruffert/rangeslider.js)

> Simple, small and fast JavaScript/jQuery [polyfill](https://remysharp.com/2010/10/08/what-is-a-polyfill) for the HTML5 `<input type="range">` slider element.

Check out the [examples](http://andreruffert.github.io/rangeslider.js/).

* Touchscreen friendly
* Recalculates `onresize` so suitable for use within responsive designs
* Small and fast
* Supports all major browsers including IE8+

## Install
Install with [Bower](http://bower.io/):
``bower install --save rangeslider.js``

Install with [npm](https://www.npmjs.org/):
``npm install --save rangeslider.js``

## Usage

```
// Initialize a new plugin instance for all
// e.g. $('input[type="range"]') elements.

$('input[type="range"]').rangeslider();
```

For more information check out the [website's section](http://andreruffert.github.io/rangeslider.js/#usage). For support visit the [gitter room](https://gitter.im/andreruffert/rangeslider.js).


## License
MIT © [André Ruffert](http://andreruffert.com)
