首页 > 解决方案 > 带进度条的 ejs

问题描述

如何style="width:<%=MettingPer %>;"在 ejs 中定义或更新进度条

<li class="list-group-item d-flex justify-content-between align-items-center">
  Meeting
  <div class="progress">
    <div class="progress-bar progress-bar-striped bg-success  progress-bar-animated" role="progressbar" style="width: 75%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
      <%=MettingPer %>%</div>
  </div>
</li>

标签: node.jsejs

解决方案


EJS 在服务器上呈现,而不是在浏览器上呈现,所以 EJS 不知道是什么document,因为那是只在浏览器中定义的东西。

因此,为此,您需要在客户端以零值完全加载您的页面。

然后按照JavaScript 中的说明完成。

一旦您收到来自服务器的响应,请稍稍延迟完成并隐藏它。


推荐阅读