用进度条型填充jQuery的滑块

Question

我期待实现的jQuery UI，使滑块充满酒吧的一侧有颜色，当您拖动手柄，有点像一个进度条。谁能给我提示如何我可能会解决这个问题？

感谢您提前。

Answer 1

我也许应该已经看过了 slider()文档更加紧密。这里有一个更简单的方法做你的样子，我想什么。它已经内置到jQuery UI的。下面的例子是直接从本人上方连结了jQuery slider()机制的文档页面服用。最关键的是传递到选项range财产。这给予“min”的值将导致滑块与颜色填充的左侧。

在JavaScript的：

$(function() {
    $("#slider-range-min").slider({
        range: "min",
        value: 37,
        min: 1,
        max: 700,
        slide: function(event, ui) {
            $("#amount").val('$' + ui.value);
        }
    });
    $("#amount").val('$' + $("#slider-range-min").slider("value"));
});

的标记：

<div id="slider-range-min"></div>