带有进度条的ejs

Question

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

<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>

Answer 1

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

因此，您需要使用零值完全在客户端加载页面。

然后根据instructions in JavaScript完成它。

并且一旦收到服务器的响应，请稍加延迟即可完成并隐藏它。