Barra di scorrimento jQuery con riempimento a barra di avanzamento

Question

Sto cercando di implementare l'interfaccia utente di jQuery in modo che la barra di scorrimento riempia un lato della barra con un colore mentre trascini la maniglia, una specie di barra di avanzamento. Qualcuno può darmi consigli su come potrei affrontare questo problema?

Grazie in anticipo.

Answer 1

Probabilmente avrei dovuto esaminare più da vicino la slider() documentazione . Ecco un modo molto più semplice per fare ciò che penso tu stia cercando. È già integrato nell'interfaccia utente di jQuery. L'esempio che segue è tratto direttamente dalla pagina della documentazione di <<> jQuery a cui ho collegato sopra. La chiave è la proprietà range passata nelle opzioni. Dando a questo un valore di & Quot; min & Quot; farà scorrere il cursore riempiendo il lato sinistro di un colore.

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

Il markup:

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