jQuery是一種最受歡迎的JavaScript庫，一款免費、高效、精簡的跨瀏覽器JavaScript庫。其中的插件豐富多彩，常用的之一是進度條插件。其中，修改進度條顏色是一項非常基礎的操作，下面我們來介紹如何進行更改。

$(document).ready(function(){
$('#progress-bar').css('background-color','red');
});

上述代碼是使用jQuery更改進度條顏色的方法。通過選擇器選擇進度條元素并使用CSS屬性來更改背景色。其中，選擇器中的#progress-bar是進度條的ID，可以根據實際情況修改；background-color是CSS屬性，將其設置為需要的顏色即可。上述代碼將背景色設置為紅色。

我們還可以使用其他的CSS屬性來完全自定義進度條的樣式。如下所示：

#progress-bar {
height: 20px;
width: 200px;
background-color: #F5F5F5;
border-radius: 50px;
margin-bottom: 20px;
}
#progress-bar-inner {
height: 20px;
width: 0%;
background-color: #4CAF50;
border-radius: 50px;
}

在上述代碼中，我們通過CSS來完全自定義進度條。對于#progress-bar元素，設定了進度條的高度、寬度、背景色、圓角和邊距等等。對于#progress-bar-inner元素，其高度與寬度與外層進度條相同，但顏色可以定制，此處設置為綠色。在使用時，需要將HTML代碼與CSS代碼設置在一起。