语义 UI 进度条在小百分比上没有响应答案

【问题标题】：Semantic UI progress bars not responding on small percentage语义 UI 进度条在小百分比上没有响应
【发布时间】：2018-03-14 13:04:14
【问题描述】：

我正在使用语义 UI 进度条：

<div class="bars" style="float:left;">
                <div class="ui teal progress" data-percent="" id="example0">
                  <div class="bar"></div>
                </div>

                <div class="ui teal progress" data-percent="" id="example1" style="width:200px;">
                  <div class="bar"></div>
                </div> 
              </div>

并使用 JQuery 分配进度百分比：

 $("#example0").progress(30);
 $("#example0").progress(30);

问题似乎是，如果百分比值太小（大约小于 10%），或者即使分配为 0%，进度条也会显示相同的大小。有人知道为什么会这样以及如何解决吗？

非常感谢您！

【问题讨论】：

标签： jquery progress-bar semantic-ui

【解决方案1】：

这就是 SUI 进度条的样子，如果您查看文档页面，您会看到

https://semantic-ui.com/modules/progress.html

【讨论】：