Status: PASS | Duration: 29ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-writing-modes/forms/progress-appearance-native-horizontal-rtl.optional.html
<!DOCTYPE html> <link rel="author" title="Di Zhang" href="mailto:dizhangg@chromium.org"> <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 native writing mode horizontal & RTL direction</title> <meta charset="utf-8"> <link rel="mismatch" href="progress-appearance-native-horizontal.optional.html"> <link rel="mismatch" href="progress-appearance-none-horizontal-rtl.optional.html"> <link rel="mismatch" href="progress-appearance-native-vertical-rtl.optional.html"> <!-- Note test description should be the same across all files to mismatch on. --> <p>The range input below should match the correct writing mode & direction.</p> <progress value="70" min="0" max="100" style="writing-mode: horizontal-tb; direction: rtl"></progress>
/css/css-writing-modes/forms/progress-appearance-native-horizontal.optional.html
<!DOCTYPE html> <link rel="author" title="Di Zhang" href="mailto:dizhangg@chromium.org"> <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 native writing mode horizontal</title> <meta charset="utf-8"> <link rel="mismatch" href="progress-appearance-native-horizontal-rtl.optional.html"> <link rel="mismatch" href="progress-appearance-native-vertical.optional.html"> <link rel="mismatch" href="progress-appearance-none-horizontal.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="writing-mode: horizontal-tb"></progress>