如何将twitter bootstrap进度条从水平更改为垂直

Question

我想以垂直格式使用twitter bootstrap进度条,即+ 90Degrees.

Answer 1

你可以在.progress元素上使用transform:rotate(-90deg) - 为我工作.http://codepen.io/mcg73/pen/eCwvu/

标记:

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

旋转元素的css:

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