| A progress element should have a nested shadow box with a width specified: | |
| | <progress> | |
| | max="100" | |
| | style="appearance: none;" | |
| | value="70" | |
| | <shadow:root> | |
| | <div> | |
| | style="appearance: inherit;" | |
| | useragentpart="-webkit-progress-inner-element" | |
| | <div> | |
| | useragentpart="-webkit-progress-bar" | |
| | <div> | |
| | style="inline-size: 70%;" | |
| | useragentpart="-webkit-progress-value" | |
| | <div> | |
| | style="appearance: inherit;" | |
| | useragentpart="slider-track" | |
| | <div> | |
| | style="transform: translate(-30%, 0px);" | |
| | useragentpart="slider-fill" |