Javascript jQueryUI：如何制作多色进度条？各段的颜色不同 $（函数（）{ $（“#progressbar”）.progressbar({ 价值：35 }); });

代码取自：

---

为了让问题更清楚：我希望进度条有段，它们应该是绿色的0%-59%，黄色的60%-89%，红色的90%-100%

您可以使用jquery.ui.multiprogressbar.js执行此操作

为了给progressbar设置不同的颜色，创建一组我在演示中使用的类，并将其设置为barClass

---

可能重复的否我不希望整个进度条是相同的颜色。我试着让进度条的各个部分有不同的颜色。你试过我的答案吗

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

    $('#plain').multiprogressbar({
       parts: [
        {value: 59,barClass: "green"},
       {value: 30,barClass: "yellow"},
       {value: 11,barClass: "red"}]
});