J'essaie de définir la couleur de progression et les exemples que je vois en ligne ne fonctionnent pas.

J'ai un composant Angular (v4) utilisant le composant ngb-progressbar de ng-bootstrap (avec Bootstrap 4).

<ngb-progressbar type="primary" [value]="progress">
    <span>{{ progress }} %</span>
</ngb-progressbar>

Comment définir la couleur d'arrière-plan de la progression de ce composant qui fonctionnera dans Chrome, IE et FF?

1
Thibs 1 mai 2017 à 17:11

3 réponses

Meilleure réponse

Juste en remplaçant la classe .progress-bar et en plaçant un !important contre le css

.progress-bar{

background-color:black !important;  

}

DÉMO EN DIRECT

3
Aravind 1 mai 2017 à 14:21

Essayez cet insert dans vos styles CSS

::ng-deep .progress-bar {
  background-color: black !important;
}
1
Guido T. 21 juin 2019 à 03:26

Jetez un œil si vous faites cela dans un composant de portée. De cette façon, la ngb-progressbar ne peut pas lire votre style

0
Thiago Pereira 12 juin 2018 à 21:29