Powerange is a range slider control, inspired heavily by iOS 7 and the “Power Rangers” TV series. 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.
Best jQuery Range Slider Plugins & Tutorials with Demo
jQueryUI Limitslider
jQuery slider extension forcing gaps and order for any number of handles.A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels on the sliders and hover titles.
Features:
- Multiple sliders.
- Multiple ranges.
- Allows or blocks crossing of sliders.
- Minimum distance between sliders.
- Minimum/maximum position for all or individual sliders.
- Label on the sliders.
- Titles on sliders.
- Use all of jQueryUI’s slider functionality.
Ion.RangeSlider : jQuery Range Slider Plugin
Ion.RangeSlider — Nice, comfortable and easily customizable jQuery range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS.
Features:
- Slider supports negative and fractional values.
- Ion.RangeSlider supports touch-devices (iPhone, iPad, etc.).
- Crossbrowser: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
HostSlide Hosting Plan & Pricing Slider in jQuery
This HostSlide hosting plan & pricing slider is the best widget for your website. It’s lightweight and the layout can be changed easily in the CSS file. It’s powered by javascript and is supported in all major browsers. It enables you to use a simple and fast slide to view plan features and prices. It’s ready to be added to your website to give a brand new user experience. Unlimited plans/pricing/options can be added in seconds.
Features:
- Compatible with all major browsers
- Lightweight
- Fully customizable
- SEO friendly
- Add unlimited prices and plans
- Add unlimited options (e.g. price, bandwidth, CPU, RAM, Disk Space)
jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets
A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.
Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.
nobtrusive Slider Control/HTML5 Input Range Polyfill
An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution.
- The script can be used as an HTML5 input range polyfill solution
- Introduces a gradient filled “range bar” for quick visual feedback
- iOS Touch screen friendly
- Arrives with a new CSS3 skin that degrades gracefully in older browsers
- A small network footprint – only two HTTP requests and a total size (minified and gzipped) of about 11k
- Unobtrusive & namespace friendly
- Conforms to the WAI-ARIA defined role of “slider”
- Keyboard accessible
- Mousewheel compatible
- Responsive design friendly
