Jquery 引导进度条

我使用Bootstrap3和进度条在排行榜上显示排名

有没有一种方法可以自定义它，使其不显示“缺货”部分

例如，从技术上讲，它不是完成某件事情的进步，它只是一个等级，将以相同的方式显示。所以，我真的只想能够删除它填充的盒子，但也使它在右边也是圆的

以下是我正在努力实现的目标

作为一个侧面问题，任何想删除DIV上的填充条的进度条都在中间，像其他内容一样排列在中间？

.progress {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

table .progress {
    margin-bottom: 0;
}

.progress-bar {
    border-radius: 4px;
}

---

请参见此处的演示（感谢Ohgodwhy）

只需覆盖引导。进度类样式：

.progress {
  background-color: transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.progress-bar {
    border-radius: 4px;
}

---

确保不要直接更改bootstrap.css文件，只需将上述样式添加到site.css文件中，在任何项目中，该文件应始终位于bootstrap.css之后，这样您就可以覆盖自定义外观的bootstrap默认样式。

进度条就是进度条。任何其他文本都需要直接添加到你的HTMLI中。我想你误解了，我只是不想显示进度条的背景（空白部分）。所以简而言之，填充的部分只需要是进度条的宽度，所以它总是“100%”，但基于百分比更短。为什么你不这么说而不是“超出”部分？只需使用CSS删除边框和背景颜色