相关疑难解决方法(0)

我正在使用twitter-bootstrap的进度条控件.

我想垂直对齐它,如下图所示:

我找到了这个帖子,但我担心它现在不起作用了.

所以我这样做:http://tinker.io/e69ff/2

HTML

<br>
<div class="progress vertical">
  <div class="bar bar-success" style="width: 70%;"></div>
  <div class="bar bar-warning" style="width: 20%;"></div>
  <div class="bar bar-danger" style="width: 10%;"></div>
</div>

CSS

.progress.vertical {
    position: relative;
    width: 20px;
    min-height: 240px;
    float: left;
    margin-right: 20px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

你有任何提示或建议吗？如果您需要更多信息,请告诉我,我会编辑帖子.