如何在Google Chrome中制作垂直html5进度条

Question

是否可以在Google Chrome中制作垂直HTML5进度条？

在Mozilla Firefox中，可以通过以下方式完成：

<style>
    .vert {
        -moz-orient: vertical;
    }
</style>
<progress class="vert" style="position: absolute; top: 0px; left: 0px;"
value="10" max="100" id="progressBar">No progress bar</progress>

Answer 1

你可以旋转它：

Webkit：-webkit-transform: rotate(90deg);

FireFox：-moz-transform: rotate(90deg);

IE：filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

Answer 2

我想你想要-webkit-box-orient。

从box model playground结帐Flexie。