jQuery kaydırıcı çubuğu, ilerleme çubuğu türü dolgusuyla

Question

jQuery UI'yi uygulamak için arıyorum, kaydırma çubuğu, çubuğun bir tarafını tutacağınız gibi bir renkle doldurur, böylece bir ilerleme çubuğu gibi. Bu probleme nasıl yaklaşacağım konusunda bana ipuçları verebilir mi?

Önceden teşekkür ederiz.

Answer 1

Muhtemelen slider() documentation daha yakından bakmış olmalıyım. Aradığınızı düşündüğüm şeyi yapmanın çok daha kolay bir yolu. JQuery UI'de zaten var. Aşağıdaki örnek, doğrudan bağlı olduğum jQuery slider() dokümantasyon sayfasından alınmıştır. Anahtar, seçeneklere geçirilen range özelliğidir. Bunun "min" değerini vermesi, kaydırıcının sol tarafını bir renkle doldurmasına neden olur.

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

işaretleme:

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