着色jQuery Slider子范围

Question

我有一个jQuery Slider，它有一个与之关联的min-max。

$('#slide').slider({
    min: -127,
    max: 127,
    slide: function(event, ui) {
        var minrange = -20;
        var maxrange = 20;
        if ((ui.value >= minrange) && (ui.value <= maxrange)) {
            $('#current').text('current: ' + ui.value);
        }
        return ((ui.value >= minrange) && (ui.value <= maxrange));
    },
    value: 0,
});

滑块本身工作正常。我的问题是如何用另一种颜色将minrange上色到maxrange？

类似的东西：

========================-------[]---------------================================

' - '与'='

的颜色不同