Skonfigurowałem prosty pasek postępu jQueryUI:

<script type="text/javascript">
    $(function() {
        $("#progressbar").progressbar({
                value: 35
        });
    });
</script>

<div id="progressbar">  </div>

Teraz chciałbym pokolorować pasek na podstawie jego wartości (np. <10 czerwony, <50 żółty,> 50 zielony). Jak mam to zrobic?

Uwaga: sąpodobne pytania, ale odpowiedzi nie były wystarczająco jasne, aby pomóc mi to załatwić. Mam nadzieję, że ktoś może wskazać łatwiejszy sposób lub podać bardziej szczegółowe instrukcje. Dzięki.