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
  }
}


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
Tags