在Primeng中更改進度欄顏色

Question

我們如何才能在Primeng中更改進度欄顏色。在進度條文檔中，它列出了

ui-progressbar-value 

作爲其寬度根據值而變化的元素。

但是，當在CSS當我設置

.ui-progressbar-value { 
    background-color: #ef5439; 
} 

它不會改變任何東西。事實上，我沒有看到任何顏色。 任何幫助，將不勝感激。

Answer 1

首先添加自己獨特的類在你的進度條類似下面 類=「customProgress」，然後嘗試重寫它在你的SCSS或CSS文件。 希望它能正常工作

<p-progressBar class="customProgress" [value]="value"></p-progressBar> 



.customProgress .ui-progressbar .ui-progressbar-label { 
    color: yellow; 
} 

.customProgress .ui-progressbar .ui-progressbar-value { 
    background: red; 
}