Yatay JQuery UI Slider

Question

Aşağıdakileri aynı ancak yatay olarak elde etmek istiyorum. Yönlendirmeyi yatay olarak değiştirmeyi denedim ve hatta onu tamamen dışarıda bırakarak varsayılan olarak yatay olarak ayarlamayı denedim, ancak renk varsayılan olarak turuncuya döner. ASP.NET kullanıyorum.

Vertical slider, in which the filled bar change colour depending on how large the selected value gets

Answer 1

ben size% 100

istediğini anlamak biraz zor hissediyorum ama senin için o Yatay yarattı.

Fiddle

Fiddle with Orange color

$(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")); 
});