Как сделать вертикальный индикатор прогресса html5 в Google Chrome

Question

Возможно ли сделать вертикальный индикатор прогресса HTML5 в Google Chrome?

В 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.

Оформить заказ на коробочную модель детской площадки от Flexie .