प्रगति बार-प्रकार भरने के साथ jQuery स्लाइडर बार

Question

मैं jQuery UI को कार्यान्वित करने के लिए देख रहा हूं ताकि स्लाइडर बार एक रंग के साथ बार के एक तरफ भर जाए क्योंकि आप एक प्रगति पट्टी की तरह हैंडल खींचते हैं। क्या कोई मुझे सुझाव दे सकता है कि मैं इस समस्या से कैसे संपर्क कर सकता हूं?

अग्रिम धन्यवाद।

Answer 1

मुझे शायद slider() documentation पर अधिक बारीकी से देखना चाहिए था। जो कुछ मुझे लगता है वह करने के लिए यहां एक आसान तरीका है। यह पहले से ही jQuery यूआई में बनाया गया है। नीचे दिया गया उदाहरण सीधे jQuery से संबंधित slider() डॉक्यूमेंटेशन पृष्ठ से लिया गया है जिसे मैंने ऊपर से जोड़ा है। कुंजी range संपत्ति विकल्पों में पारित की गई है। इसे "min" का मान देने से स्लाइडर बाईं ओर एक रंग के साथ भरने का कारण बन जाएगा।

जावास्क्रिप्ट:

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

मार्कअप:

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