Styling HTML5 Progress Bars in CSS


Customize the appearance of elements.

Source Code

progress[value] {
    width: 100%;
    appearance: none;
}
progress[value]::-webkit-progress-bar {
    background-color: #eee;
}
progress[value]::-webkit-progress-value {
    background-color: #007bff;
}
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments