1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 22:47:44 +00:00

LibWeb: Add a default style for primitive progress bars

This style is the same as what is used in WebKit/Blink, it is a bit
ugly, but you're expected to override it. Adding more than a
background color here could cause some issues, as sites don't
expect to have to unset the styles.
This commit is contained in:
MacDue 2022-07-22 16:10:47 +01:00 committed by Andreas Kling
parent 57c6792458
commit 980964d8f3

View file

@ -315,3 +315,24 @@ iframe { border: 2px inset; }
filter: invert(100%);
}
}
/* This is the same as default intrinsic size of a <progress> element */
progress {
width: 300px;
height: 12px;
}
/* The default progress-value/bar CSS below is the same as Blink/WebKit.
* Note: Setting any more than the backgrond-color may have unintended consequences, as sites don't expect to unset more than that.
*/
progress::-webkit-progress-bar {
width: inherit;
height: inherit;
background-color: #808080;
}
progress::-webkit-progress-value {
height: inherit;
background: #008000;
}