How to vertically align a progress bar in Twitter Bootstrap?

Question

I\'m using the progressbar control of twitter-bootstrap.

I want to align it vertically to look like in the following image:

Answer 1

Bootstrap 2

Note this is a solution for bootstrap 2:

width 100%, height variable:

Bootstrap 3+

I'd like you to refer to the others comments on this page