node.js - 带进度条的 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>
解决方案
EJS 在服务器上呈现,而不是在浏览器上呈现,所以 EJS 不知道是什么document
,因为那是只在浏览器中定义的东西。
因此,为此,您需要在客户端以零值完全加载您的页面。
然后按照JavaScript 中的说明完成。
一旦您收到来自服务器的响应,请稍稍延迟完成并隐藏它。
推荐阅读
- c++ - 如何使用nlohmann检查c ++中嵌套json中是否存在密钥
- vba - 如何通过 VBA 选择特定幻灯片
- php - 如何在函数中使用 PHPSpreadsheet 类
- python - 自定义损失函数的结果与内置损失函数的结果不匹配
- javascript - 从 Vue.js 组件数据中导入的辅助类调用函数
- c++ - 问题\如何激活Elecard Direct Show解码器过滤器
- c# - 全局查询过滤器仅适用于 GET 方法
- android - Google Android 语音捕获超时
- javascript - 如何解决将数组推入对象的问题?
- xml - 需要空字符或 2 个字符的 XSD SimpleType