进度条显示—正在加载中......

原创 2015年11月19日 14:33:53
1.在ajax中调用:
  beforeSend:function(XHR){
     $("#loading").show();
  },这个方法
  
  返回success时设置为隐藏即可:$("#loading").hide();

2.显示层
<div id="loading" style="z-index:99999;display:none; position:fixed; top:0;left:0; width:100%; 
    height:100%;background-image:url(images/loading.gif); background-position:center; 
    background-repeat:no-repeat; text-align:center;">
   <div style="position:absolute; top:42%; left:45%; width:10%; text-align:center;">正在提交数据,请稍候……</div>
</div>

3.图片loading.gif
     <img src="http://img.blog.csdn.net/20151119143937319?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" height="45" width="45" alt="" />

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

android应用因为加入js而导致webview一直在加载中的bug解决方案

日前在开发程序的时候发现,有一个应用的webview加载html5页面总是一直在加载中,加载很慢或干脆加载不出来, 但是在其它应用中却没有问题,能很快加载,找了一圈问题原因,脑袋都大了也没找到。今天...

正在加载中-js/jQuery功能实现

前言        最近在springMVC中集成一个基于jsp报表工具,在集成之后的,由于报表运算量很大,SQL语句比较复杂,所以前台点击按钮触发以后,呆上几秒才有反应过来弹出报表框,所以想加入一...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

缓冲进度条或加载进度条

缓冲进度条或加载动画进度条

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

每个App都会用到的LoadingLayout(加载中、正在加载、无网络连接等......)

前言 ps:这个项目我是在看一篇文章的时候收集的,暂时没有实际运行。 http://gold.xitu.io/post/583c242061ff4b006b59c7fb 项目里都会遇到几...

jquery中ajax下设置‘正在加载’的方法

# html中 # 增加这个div,用来提示。你可以设置自己想要的样式 // js 中 $.ajax({ url:url, type:'post', ...
  • tse_e
  • tse_e
  • 2017年01月04日 19:20
  • 1598

AJAX--显示加载中并弹出图层遮挡页面

众所周知,AJAX的请求是异步的,这种异步的机制给我们带来了体验上的优化,但是同时我要求我们有更完善的思维去处理一个业务。 当用户发出AJAX请求时,如果长时间处于请求阶段,而没有给出用...

ajax返回数据之前加载loading图标

发送ajax请求的时候,如果后台暂时没有返回数据,一般会显示一个loading图标来提醒用户当前正在加载中。下面直接上代码,用jquery来操作,很方便。 ajax加载loading图标...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:进度条显示—正在加载中......
举报原因:
原因补充:

(最多只允许输入30个字)