Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/forms/color-scheme/progress/progress-appearance-basic.html 

<!DOCTYPE html>
<meta name="color-scheme" content="light dark">
<style>
progress.vertical {
  writing-mode: vertical-rl;
}
progress.rtl {
  direction: rtl;
}
progress.srl {
  writing-mode: sideways-rl;
}
progress.slr {
  writing-mode: sideways-lr;
}
</style>

<progress max="100" value="0"></progress><br><br>
<progress max="100" value="1"></progress><br><br>
<progress max="100" value="5"></progress><br><br>
<progress max="100" value="50"></progress><br><br>
<progress max="100" value="95"></progress><br><br>
<progress max="100" value="99"></progress><br><br>
<progress max="100" value="100"></progress><br><br>
<progress max="100" value="50" style="height:30px"></progress><br><br>
<progress max="100" value="0" class="vertical"></progress>
<progress max="100" value="1" class="vertical rtl"></progress>
<progress max="100" value="1" class="vertical"></progress>
<progress max="100" value="5" class="vertical rtl"></progress>
<progress max="100" value="5" class="vertical"></progress>
<progress max="100" value="50" class="vertical rtl"></progress>
<progress max="100" value="50" class="vertical"></progress>
<progress max="100" value="95" class="vertical rtl"></progress>
<progress max="100" value="95" class="vertical"></progress>
<progress max="100" value="99" class="vertical rtl"></progress>
<progress max="100" value="99" class="vertical"></progress>
<progress max="100" value="100" class="vertical"></progress>
<progress max="100" value="50" style="width:30px" class="vertical rtl"></progress>
<progress max="100" value="50" style="width:30px" class="vertical"></progress></progress>

<progress max="100" value="33" class="srl rtl"></progress>
<progress max="100" value="33" class="srl"></progress>
<progress max="100" value="33" class="slr rtl"></progress>
<progress max="100" value="33" class="slr"></progress>