roundSlider - A free jQuery plugin
What's this ?
Round slider (also can call as Circular slider, Radial slider) is a jQuery plugin that allows the user to select a value or range of values.
Not only a round slider, it supports the quarter, half and pie circle shapes also.
You can check the demos of various circle shapes here.
Different Theming and Appearances ?
By customizing the CSS styles we can make different appearances.
You can check the detailed demos here.
Browser Support
IE 9+, Chrome, Firefox, Safari, Opera (including Mobile devices).
Options
The roundSlider has several properties and events to interact with the control programmatically.
To know more about the Options, please check the documentation.
$("#slider").roundSlider({ min: 0, max: 100, step: 1, value: null, radius: 85, width: 16, handleSize: "+0", startAngle: 0, endAngle: "+360", animation: true, showTooltip: true, editableTooltip: true, readOnly: false, disabled: false, keyboardAction: true, mouseScrollAction: false, sliderType: "default", circleShape: "full", handleShape: "round", lineCap: "square", // events beforeCreate: null, create: null, start: null, drag: null, change: null, stop: null, tooltipFormat: null });
Some quick links
Licence
roundSlider is licensed under the terms of the MIT license.