Question

请参阅http://www.bootply.com/cGT4QMnUZy

1％的填充看起来更像是10％。这有什么不对？

<div class="progress progress-striped sm active" style="margin-bottom:5px;margin-top:5px;width:200px">
    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100" style="width: 1%;">
        <span class="sr-only">1% Complete</span>
    </div>
</div>

Answer 1

有两种方法可以解决您的问题。

删除aria-valuenow="1"
将其更改为小数值aria-valuenow="1.0"（感谢@Adherence）

在演示中查看两种方式。 BOOTPLY

Answer 2

只需更改属性 aria-valuenow （不是1），只需使用样式中的宽度属性。

bootstrap有这个规则：

    .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
        min-width: 30px;
    }

所以在这些情况下，bootstrap强制宽度为30px ......

Bootstrap进度条; 1％不可能吗？

2 个答案: