<!DOCTYPE html>
<link rel="author" title="Di Zhang" href="mailto:[email protected]">
<link rel="help" href="https://html.spec.whatwg.org/#the-progress-element">
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#block-flow">
<title>Progress appearance none writing mode vertical & RTL direction</title>
<meta charset="utf-8">
<link rel="mismatch" href="progress-appearance-none-vertical.optional.html">
<link rel="mismatch" href="progress-appearance-native-vertical-rtl.optional.html">
<link rel="mismatch" href="progress-appearance-none-horizontal-rtl.optional.html">
<!-- Note test description should be the same across all files to mismatch on. -->
<p>The progress element below should match the correct writing mode.</p>
<progress value="70" min="0" max="100" style="appearance: none; writing-mode: vertical-rl; direction: rtl"></progress>
Codebase Browser
chromium