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からチェックアウトします。