用jquery实现进度条效果

二楼的方法不是常规的解决办法，个人感觉不是很好(不过他实现的加载进度是真实的，他的进度条是可以反映当前未加载页面的剩余内容的---其实这种方法也挺好....不过一般情况下没什么必要吧，如果要做成这样的，用flex更好)。

创新互联建站于2013年创立，是专业互联网技术服务公司，拥有项目成都网站设计、成都网站制作网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元福鼎做网站,已为上家服务,为福鼎各地企业和个人服务,联系电话:18982081108

一楼的方法不是正确的。如果简单地放一个loading图片在页面上的话，会有两种情况：一、有可能实现加载的效果 。 二、在整个页面其它元素加载了大部分或全部后，这张图片才加载进来，那就实现不了加载的效果了。

常规的解决办法还是用ajax比较好。大概是这样的。

需要两个页面。1.一个是实际页面本身 2.另一个是一个空白页面放一张loading图片

先请求第2个页面，在这个页面中放一段ajax请求第1个页面，在success函数里将页面内容输出，并将loading图片隐藏掉。

代码是这样的：

loading page:

body

img id='loadingImg' src='loading.gif' /

body

script

$.ajax({

type: 'GET',

url: 实际页面路径,

data: {},

success: function(){

$('body').append(data);

$('#loadingImg').hide();//或直接remove()

},

dataType: 'html'

});

/script

==========================================================

呵呵，一个加载的问题要考虑搜索的话原来就这么麻烦了。 div id="forspider".....给搜索蜘蛛看的纯HTML..../div这里面的内容是整个实际页面的HTML吗？是的话，那这个loading页面本身加载就很笨重了，还不如直接跳到真实页面呢。 哎，可惜我不太懂搜索，悲剧。请指教----为什么要用绝对定位覆盖的方法来隐藏。直接把这一层display:none的话蜘蛛也会看不到吗？

以上回答你满意么？

jquery.color插件怎么用

使用该圆形进度条插件需要引入jQuery和jquery.classycolor.min.js和jquery.classycolor.min.css文件。

link rel="stylesheet" type="text/css" href="css/jquery.classycolor.min.css" /

script src='js/jquery.min.js'/script

script src='js/jquery.classycolor.min.js'/script

jquery中加载完进度条插件怎样跳入下一个网页

我不知道你用的是哪种插件，首先建议你去查下相应的API，一般来讲这种插件应该会提供一个对应的方法，来让你使用，如果你找不到，那就看你想要一个什么样的效果了

如果那个页面只是一个过度的页面，我觉得你完全可以在你jquery初始化的最后直接执行页面跳转，反正只是个过度页面，无所谓是不是真的加载完成，只要个人一个你走了过度页面，并且加载速度很快，我觉得这样就OK。

如果你的不是过度页面，还有一系列图片和乱七八糟的东西，那建议你用

window.onload = function() {

alert("1");

};

这个方法是你再加载完包括图片等资源以后才会调用，具体用哪一个看你页面的需求了。

当前文章：jquery进度插件,jquery工作流插件
网页地址：http://scyanting.com/article/phsicc.html