Skip to content
roundSlider - A free jQuery plugin
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo Updated the demo sample. Mar 2, 2016
dist Updated the version to 1.3.3 Jan 16, 2019
images Updated the README.md file. Jul 6, 2015
src Updated the version to 1.3.3 Jan 16, 2019
LICENSE Updated the copyright year Jan 16, 2019
README.md Updated the Waffle.io badge Apr 29, 2018
bower.json Updated the version to 1.3.3 Jan 16, 2019
package.json Updated the version to 1.3.3 Jan 16, 2019

README.md

roundSlider - A free jQuery plugin

CDNJS

Waffle.io - Columns and their card count

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.

roundSlider - full slider, pie slider, half slider and quarter slider types

You can check the demos of various circle shapes here.

Different Theming and Appearances ?

By customizing the CSS styles we can make different appearances.

roundSlider - different theming and 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.

You can’t perform that action at this time.