Css 水平jqueryui滑块

我想达到如下相同的水平。我尝试将方向更改为水平，甚至完全忽略它，使其默认为水平，但颜色默认为橙色。我正在使用ASP.NET

---

我觉得100%理解你想要什么有点困难

但我为你创造了水平的

$（函数（）{
$（“#滑块垂直”）。滑块({
方向：“水平”，
射程：“分钟”，
分:0,，
最高：100，
价值：60，
幻灯片：功能（事件、用户界面）{
美元（“#金额”）.val（ui.value）；
var g=parseInt（ui.value=50？255:255-（（50 ui.value）*（255/50））；
$（“.ui小部件标题”）.css（“背景色”、“rgb（“+r+”、“+g+”，0）”）；
}
});
$（“金额”）.val（$（“垂直滑块”）.slider（“值”）；
});

这正是我想要的，但是当我尝试实现它时，请看一看

$(function() {

$("#slider-vertical").slider({
    orientation: "Horizontal",
    range: "min",
    min: 0,
    max: 100,
    value: 60,
    slide: function(event, ui) {
        $("#amount").val(ui.value);
        var g = parseInt(ui.value <= 50 ? 255 : 255 - ((ui.value-50)*(255/50)));
        var r = parseInt(ui.value >= 50 ? 255 : 255 - ((50-ui.value)*(255/50)));
        $(".ui-widget-header").css("background-color", "rgb("+r+","+g+",0)");  
    }
});
$("#amount").val($("#slider-vertical").slider("value"));
});