Skip to content
roundSlider - A free jQuery plugin
JavaScript CSS
Branch: master
Clone or download
Latest commit 681541e Nov 1, 2019
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 new images added Nov 1, 2019
src Updated the version to 1.3.3 Jan 16, 2019
LICENSE Updated the copyright year Jan 16, 2019
README.md removed Waffle badge Nov 1, 2019
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

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

Test environment

roundSlider - test environment

Licence

roundSlider is licensed under the terms of the MIT license.

You can’t perform that action at this time.