Ajax提交负载进度条的示例代码

实现效果图

载入图片

实现途径：

添加到JSP页面

风格
复制代码代码如下所示：
{ 2000 }：进步增强。
。面膜{位置：固定；顶：0；右：0；下：0；左：0；Z指数：1000；背景颜色：# 2f2f2f }

结
复制代码代码如下所示：



js
复制代码代码如下所示：
img = $（var# progressimgage ）；
VaR的面具=美元（# maskofprogressimage ）；

复制代码代码如下所示：
$ ajax（{
网址，
类型：邮政
DataType：JSON
数据：数据，
beforesend：功能（XHR）{
Img.show（），Css（{
位置：
顶部：40%
左：45%
边距：函数（）{返回- 1 * img.height（）/ 2；}，
余地：函数（）{ return 1×img.width（）/ 2；}
}）；
Mask.show（），Css（不透明
}，
成功：函数（结果）{
DoSuccess（）
}，
完成：功能（XHR）{
Img.hide（）；
Mask.hide（）；

}
}）；