Modifier la couleur de la barre de progression dans Primeng

Question

Comment pourrions-nous changer la couleur de la barre de progression dans Primeng. Dans la documentation de la barre de progression, elle répertorie

en tant qu'élément dont la largeur varie en fonction de la valeur.

Mais quand dans le CSS quand je mis

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

Il ne change rien. Enfait je ne vois aucune couleur. Toute aide serait appréciée.

Answer 1

ajoutez d'abord votre propre classe unique dans votre barre de progression comme ci-dessous class = « customProgress » puis essayer de le remplacer dans votre SCSS ou fichier css. espère que cela fonctionnera

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



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

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