Topic: How can I change the colors of the infinite loading progress bar
I am using:
<mdb-progress-bar class=\"progress primary-color-dark\" mode=\"indeterminate\"></mdb-progress-bar>And am looking for a way of changing the primary and secondary color. I\'ve tried overriding the primary-color-dark class but it doesn\'t seem to work properly.
I had the same problem, it seems there is no option to add class, just do this in CSS
//<mdb-progress-bar>
.progress {
.mat-progress-bar-buffer {
background-color: #90caf9 !important; // static light bg-colour
}
.mat-progress-bar-fill::after {
background-color: #0d47a1 !important; // infinite scrolling bg-colour
}
}
Hello,
We will take a closer look at this problem and try to provide a better way for changing these colors. For now please use the solution provided by @NCIIT as a workaround.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No