Jquery范围滑块兼容性，适用于0-100范围内的3个值选择

Question

我想使用jquery slider来调整0到100之间的值，并将它们除以百分比

值1 价值2 值3可以在0-90之间，而其他值不能小于5， 让我们考虑以下值33,33,34。

滑块应该显示3个值，并且应该有在值之间移动的选项（附加图像） 我使用jquery slider range，但它不支持33,33选项，我附加了代码（我使用的是angular指令，但它是jquery所以看起来一样）

如果您有任何想法如何帮助我解决此问题

或建议另一个做我需要的组件

CODE：

$( "#slider-range" ).slider({
range: true,
min: 0,
max: 100,
values: [ $scope.rangeLeft, $scope.rangeRight ],
slide: function( event, ui ) {

    var left = ui.values[0];
    var center = ui.values[1];
    var right = 100 - Math.abs(Math.round(left + center));

    if (left  < 5 || left  > 95 ||
        center  < 5 || center  > 95 ||
        right  < 5 || right  > 95 ||
        left + center  >  95 ||
        center + right  > 95)
    {
        console.log(left + " " + center + " " + right);
        return false;
    }

    $("#slider-range-left").text(left + '%');
    $("#slider-range-center").text(center + '%');
    $("#slider-range-right").text(right + '%');
    console.log(left + " " + center + " " + right);
}