Bootstrap进度条 [英] Bootstrap Progress Bar

问题描述

我使用bootstrap 3和进度栏显示排行榜上的排名。

有没有办法自定义，不显示

例如，它的技术上没有进展完成的东西，它只是一个排名，将以相同的方式显示。所以真的，我只是想要能够删除盒子，它的填充，但也使它的圆在右侧以及。

这是我正在尝试完成

>

作为一个问题，任何想法如何删除div上的进度条的填充，因此它在中间对齐像其他内容？

解决方案

  .progress {
 background-color：transparent; 
 box-shadow：none; 
 -webkit-box-shadow：none; 
} 
 
表.progress {
 margin-bottom：0; 
} 
 
 .progress-bar {
 border-radius：4px; 
} 
  

请参见demo here（感谢Ohgodwhy） - http://jsfiddle.net/r4zkv/4/

I am using bootstrap 3 and the progress bar to show a ranking on a leaderboard.

Is there a way to customize this to not have it show the "Out of" part?

For example, its technically not progress to complete something, its just a rank that will be shown in the same manner. So really i just wanna be able to remove the box that its filling in but also make it so its round on the right side as well.

Here is what I am trying to accomplish

As a side question, any idea how to remove the padding on the div the progress bar is in so it aligns in the middle like the other content?

解决方案

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

table .progress {
    margin-bottom: 0;
}

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

See demo here (thanks Ohgodwhy) - http://jsfiddle.net/r4zkv/4/

这篇关于Bootstrap进度条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！