twitter-bootstrap - 引导柱形图

Question

有没有一种方法可以让我将引导进度条横向转动以将它们用作柱形图？我正在考虑去谷歌图表，但使用引导程序更容易。这里有一些代码可以通过 StackOverflow 质量标准。

Code goes here.

Answer 1

这是一种解决方法。它不是那么好，但它很短并且有效。

用法：与通常的进度条非常相似，但有两点不同：

1. 您应该设置栏的高度，而不是宽度
2. 进度条高度是固定的（但可以使用内联样式更改）

CSS：

.progress-vertical {
    width: 20px;
    height: 100px !important;
    position: relative;
}
.progress-vertical .bar {
    width: 100% !important;
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

示例：http: //jsfiddle.net/mQzj9/251/

编辑 1：修复了错误的示例链接。

编辑 2：感谢 Pavlo Mykhalov，不再需要 jQuery 代码（CSS 更新）

编辑 3：CSS 链接已过时，已更新。