Fatal编程技术网
  • jquery/
  • Jquery 引导进度条；1%不可能？

Jquery 引导进度条；1%不可能？

jquery html css twitter-bootstrap

Jquery 引导进度条；1%不可能？,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,看 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-value

看

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>


完成1%
有两种解决问题的方法

  • 删除
    aria valuenow=“1”
  • 将其更改为十进制值
    aria valuenow=“1.0”
    （谢谢@attraction）
    • 在演示中查看两种方式。

    只需更改属性aria valuenow（而不是1），并在样式中使用属性width

    引导有以下规则： .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { min-width: 30px; } .progress bar[aria valuenow=“1”]，.progress bar[aria valuenow=“2”]{ 最小宽度：30px； }

    因此，在这些情况下，引导强制宽度为30px…

    您可以按照Jordan的建议进行操作，或者将aria值立即更改为十进制。aria valuenow=“1.0”请参见“代表低个位数百分比以及0%的进度条，包括最小宽度：20px；以确保易读性。”@我编辑的答案归功于您。