Topic: How can I change the colors of the infinite loading progress bar
Alejandro pro asked 6 years ago
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.
Arkadiusz Idzikowski staff answered 5 years ago
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.
NCIIT free answered 5 years ago
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
}
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No