Half color of roundslider

Question

I am using Round slider library. This is my demo site Demo link.My circle have Two color one of Gray and other Orange. if i move handle Black color is showing. but i want just show this black color in gray colot not to upto orange. Means i want to eliminate black color from orange part. Below image can also explain

Answer 1

Based on the documentation here: http://roundsliderui.com/document.html#width

width Indicates the width (or thickness) of the slider.

So maybe try this:

$("#slider").roundSlider({
  sliderType: "min-range",
  radius: 160,
  startAngle: 90,
  endAngle: 216,
  min: 0,
  max: 35,
  value: 0,
  width: 15,
  handleSize: "20,0",
  handleShape: "square",
  change: "valueChange",
  drag: "valueChange"
});

Changing the width property from 30 to 15 should change the width of the slider.