博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js简单上传进度条
阅读量:5218 次
发布时间:2019-06-14

本文共 848 字,大约阅读时间需要 2 分钟。

效果如下:

很简单,只要引入css和js即可:注:JQuery是1.8以上的

 

在本jsp最下面加入div代码:

 

JQuery代码如下:

$(function(){            $("#uploadForm").find("input[type='submit']").click(function(){                $("#progress").modal({  backdrop:'static',    keyboard:false,    show:true});            });        });

 

上述三点放在同一上传jsp即可。

 

隐藏命令是:$('#progress').modal('toggle');

其中css代码和JQuery代码在此处

 

还有一种样式

 

代码如下:

 

转载于:https://www.cnblogs.com/zrui-xyu/p/4775918.html

你可能感兴趣的文章
C语言小项目-火车票订票系统
查看>>
15.210控制台故障分析(解决问题的思路)
查看>>
BS调用本地应用程序的步骤
查看>>
常用到的多种锁(随时可能修改)
查看>>
用UL标签+CSS实现的柱状图
查看>>
mfc Edit控件属性
查看>>
Linq使用Join/在Razor中两次反射取属性值
查看>>
[Linux]PHP-FPM与NGINX的两种通讯方式
查看>>
Java实现二分查找
查看>>
优秀员工一定要升职吗
查看>>
[LintCode] 462 Total Occurrence of Target
查看>>
springboot---redis缓存的使用
查看>>
架构图-模型
查看>>
sql常见面试题
查看>>
jQuery总结第一天
查看>>
Java -- Swing 组件使用
查看>>
Software--Architecture--DesignPattern IoC, Factory Method, Source Locator
查看>>
poj1936---subsequence(判断子串)
查看>>
黑马程序员_Java基础枚举类型
查看>>
[ python ] 练习作业 - 2
查看>>