Topic: Change Progress Bar Color
How do I change the background color of the progress bar? And I mean the gray full-width bar, not the little progress.
Add comment
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;
}FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
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
Tags
Related topics