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

CSS

.progress{
position: absolute;left:50.5%;top:40%;width: 2.5%;height:50%;opacity: 0.8; filter: alpha(opacity=80);
}
.progress-bar{
  position:absolute;top:20%; width: 100%;height: 80%;
}

See complete Code and implementation here