Google 크롬에서 세로 html5 진행률 표시 줄을 만드는 방법

Question

Google 크롬에서 세로 HTML5 진행률 표시 줄을 만들 수 있습니까? 모질라 파이어 폭스에서

, 그것은 다음과 같은 방법으로 수행 할 수 있습니다

<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-transform: rotate(90deg);

파이어 폭스 : -moz-transform: rotate(90deg);

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

Answer 2

난 당신이 -webkit-box-orient을 원하는 생각합니다.

box model playground을 Flexie에서 확인하십시오.