JavaScript - Round Slider

Handle Shape

Über CSS

Endwert Stop

http://jsfiddle.net/soundar24/cuop4buv/

$.fn.roundSlider.prototype._handleDragDistance = 90;

$("#slider").roundSlider({
  sliderType: "min-range",
  value: 45
});

Animierter Slider

http://jsfiddle.net/soundar24/etyeaktt/

$("#myslider").roundSlider({
  width: 12,
  radius: 80,
  sliderType: "min-range",
  handleSize: "+10",
  value: 40
});

window.setInterval(function () {
	var random = Math.floor((Math.random() * 100) + 1);
  $("#myslider").roundSlider("option", "value", random);
}, 1000);

Ellipse

http://jsfiddle.net/soundar24/jxz8y1pe/

Depending Sliders

http://jsfiddle.net/soundar24/LpuLe9tr/2015/