zyrus pro asked 6 years ago

How do I change the background color of the progress bar? And I mean the gray full-width bar, not the little progress.

You can change the background color to any color you want. All you need is this code:
progress,                          /* Firefox  */ 
progress[role][aria-valuenow] {    /* Polyfill */
	background: red !important; /* !important is needed by the polyfill */

/* Chrome */
progress::-webkit-progress-bar {
	background: red !important;

Please insert min. 20 characters.


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


Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No