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