Submit your widget

A range slider control with jQuery and css

Created 5 years ago   Views 7715   downloads 2321    Author abpetkov
A range slider control with jQuery and css
View DemoDownload 25.8 KB
38
Share |

This  is a range slider control, inspired heavily by iOS 7 and the "Power Rangers" TV series. we call it Powerange . It is easily customizable, both by CSS and JavaScript. With it's many features, including changing color and overall style, switching between horizontal and vertical style, custom min, max and start values, custom step interval, displaying decimal values, displaying icons instead of min/max numbers, it is a really powerful UI tool to use on your website.

A great cross-browser solution, supporting: Google Chrome 14+, Mozilla Firefox 6.0+, Opera 11.6+, Safari 5+, IE 9+

Standalone

<link rel="stylesheet" href="dist/powerange.css" />
<script src="dist/powerange.js"></script>

Read more:http://abpetkov.github.io/powerange/