Javascript: 动态显示进度条
2024-09-01 20:37:23
{% if not config.exec_id == '' %}
<br />
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width: 0%" id="progressbar">
0%
</div>
</div> <script type="text/javascript">
var timerId = setInterval(getCurrentProgress, 1000);
$("#btn_submit").hide(); function getCurrentProgress() {
$.get( "progress", { exec_id: "{{ config.exec_id }}" } )
.done(function( data ) {
$("#progressbar").text(data.progress + '%').css("width", data.progress + '%'); if (data.progress == 100) {
clearInterval(timerId);
$("#progressbar").text('访问成功:' + data.success + ' 失败:' + data.fail).toggleClass('active deactive');
}
});
}
</script>
{% endif %}
最新文章
- 设计模式(十)组合模式(Composite Pattern)
- sip协议音视频性能测试
- 我 &;&; symfony3 (路由)
- nginx 下 location 配置解释
- HttpWebRequest模拟登陆,存储Cookie以便登录请求后使用
- openfire+spark+smack实现即时通讯
- HTML中属性ID和属性NAME的区别(转)
- 重构手法之Split Temporary Variable(分解临时变量)
- linux/shell/bash 自动输入密码或文本
- [Alpha阶段]第六次Scrum Meeting
- js 实现的页面图片放大器以及 event中的诸多 x
- 解决操作WordPress时提示输入FTP信息
- bfs-poj3278
- 【原创】锐捷实现OSPF路由协议和NAT地址转换协议
- scrapy 让指定的spider执行指定的pipeline
- 电子邮件-TCP
- 你所了解到的Web攻击技术
- hdoj2612 Find a way (bfs)
- 美赛LaTeX急救指南
- 【转】Go Channels