更多>
最新下载
24小时阅读排行榜
- 1 css 字体粗细与浏览器兼容性怎么办_font-weight 规范值
- 2 Go测试中如何构造请求 Golang httptest用法解析
- 3 php动态网站开发怎样做登录验证_PHP动态网站登录验证方法【技巧】
- 4 C# MAUI怎么连接SQL Server MAUI远程数据库访问
- 5 php创建文件换行符怎么加_php创文件加换行写法【实例】
- 6 ERP系统仓库管理系统_ERP中WMS模块功能与操作详解
- 7 MySQL EXPLAIN FORMAT=JSON 中的 cost 与 rows_examined 解读
- 8 css 在组件化开发中如何引入样式_组件 css 引入方法
- 9 css grid和flex布局该如何选择_从一维布局和二维布局角度对比说明
- 10 Golang如何处理文件锁_Golang文件锁操作与并发控制
- 11 php判断字符串长度区分全角半角_php全角半角计数法【教程】
- 12 Go语言如何处理模块版本冲突_Golang依赖冲突解决方案
- 13 css 暗色模式样式如何加载_通过媒体查询 link 引入暗色 css
- 14 javascript dom如何操作_怎样高效地更新页面元素【教程】
- 15 php实现班级通信录怎么导入带图片_php导入图片存通信录【步骤】
更多>
最新教程
-
- Node.js 教程
- 16176 2025-08-28
-
- CSS3 教程
- 1546687 2025-08-27
-
- Rust 教程
- 23309 2025-08-27
-
- Vue 教程
- 25773 2025-08-22
-
- PostgreSQL 教程
- 22253 2025-08-21
-
- Git 教程
- 9232 2025-08-21
jQuery的上传进度条代码
js代码
<script language="javascript">
function processerbar(time){
document.getElementById('probar').style.display="block";
$("#line").each(function(i,item){
var a=parseInt($(item).attr("w"));
$(item).animate({
width: a+"%"
},time);
});
var si = window.setInterval(
function(){
a=$("#line").width();
b=(a/200*100).toFixed(0);
document.getElementById('percent').innerHTML=b+"%";
document.getElementById('percent').style.left=a-12+"px";
document.getElementById('msg').innerHTML="上传中";
if(document.getElementById('percent').innerHTML=="100%") {
clearInterval(si);
document.getElementById('msg').innerHTML=" 成功";
}
},70);
};
</script>
简单的jQuery上传进度条代码是一款绿色简洁的点击上传进度条动画代码,没有用到背景图,代码简单易懂。
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
