jQueryUI范围滑块显示进度

Question

我有一个range: true滑块，想要显示滑块两个手柄之间进度条的进度。有点像这样http://jsfiddle.net/cG8qB/，除了这个将发生在滑块的两个手柄之间而不是整个滑块之间，就像在那个例子中一样，我只需要更换颜色而不是滑块手柄。

所以基本上，我想要将两个滑块手柄之间的部件颜色更改为range: min滑块的行为，其中“min”是滑块的左手柄和手柄这个range: min滑块是隐藏的。

Answer 1

您可以通过添加以下css规则来隐藏句柄：

.ui-slider-handle { display: none }

然后您可能想要禁用滑块以防止用户更改滑块，即将disabled: true添加到初始化。

请参阅此操作：http://jsfiddle.net/william/cG8qB/8/。

Answer 2

原来答案是在原来的jsfiddle中

这就是诀窍。

$("#slider").find('.ui-widget-header').css('width', x + '%');

这也有效。

$("#slider div").css('width', x + '%');