| <html> |
| <head> |
| <style> |
| progress { |
| width: 50px; |
| height: 50px; |
| appearance: none; |
| background-color: red; /* should not be visible */ |
| } |
| </style> |
| </head> |
| <body> |
| <progress min=0 value=30 max=100 style="writing-mode: horizontal-tb;"></progress> |
| <progress min=0 value=30 max=100 style="writing-mode: horizontal-bt;"></progress> |
| <!-- vertical-lr should match vertical-rl --> |
| <progress min=0 value=30 max=100 style="writing-mode: vertical-lr;"></progress> |
| <progress min=0 value=30 max=100 style="writing-mode: vertical-rl;"></progress> |
| </body> |
| </html> |
