语义UI progressbar在没有javascript的情况下工作吗？

在没有JavaScript的情况下工作吗？我想将语言和熟练程度显示为页面上的进度条，但我不需要在加载页面时更改值，也不需要应用动态值。加载页面时，将知道进度级别

正如您在下面看到的，我没有得到所需的输出。我希望看到75%的进步（15/20），但这不是我得到的：

html文件

    <div class="ui teal progress" data-value="15" data-total="20">
        <div class="bar"></div>
    </div>

输出：

---

简而言之，没有。语义UI要求您通过其jQuery扩展初始化所有进度条：

从第一个示例中可以看到，在单击

runcode

之前，进度条与屏幕截图中的进度条完全相同。但是，如果您不需要进度条来移动/设置动画，并且可以完全控制CSS，则可以在

div.bar

元素上设置

width

：

.bar { width: 65% }

---

我将从数据库中调用该值。所以CSS不是选项。

所以我必须在这里声明javascript中的最大值和html中的用户值，对吗？如何设置值

74

？它将来自数据库。现在我只是在做模板。然后你可以在

小编辑中修改
data percent=“74”
，以提高易读性，并添加指向语义用户界面的链接。