Angular - Material: Progressbar custom color?

Question

I am now trying for hours. I use Material2 and simply want to change the color of the progress-bar. I know there are those themes (primary/accent/warn) but I want to have a

Answer 1

You can override only progress bar backgroud-color through this method added custom class then apply css by combination of tag and class like-

Change into style.css

mat-progress-bar.my-color .mat-progress-bar-fill::after { background-color: green; }