progress bar - How to change the twitter bootstrap progressbar from horizontal to vertical -

i want use twitter bootstrap progressbar in vertical format i.e, +90degrees.

you can use transform: rotate(-90deg) on .progress element - worked me. http://codepen.io/mcg73/pen/ecwvu/

the markup:

<div class="progress">  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="90"></div> </div> 

the css rotates element:

.progress{   width: 100px;   height: 100px;   border-radius: 100%;   transform: rotate(-90deg); }