求大神指点：页面加载条怎么做，当页面还没完全加载时显示进度条

Question

正在加载状态 怎么写？

Answer 1

假加载+真加载

假加载只执行开始加载的动画，当执行完成后，接受回调或者一个其他的信号来结束动画（或者隐藏动画）

Answer 2

这个其实强行的把本该一次加载完的页面，分成两次了，而且第一次只加载那个能实现loading动画的部分。
然后一边渲染动画一边加载剩余的部分。。。

Answer 3

比如http请求一个页面，先调用get函数，然后立即显示加载动画，在get函数的回调函数中，如果返回结果正确，就隐藏加载动画，正常显示内容。

所以，只要你的动作可以进到后台，并且在完成后有回调函数，就可以实现加载效果

这就是我们平时说的异步操作

Answer 4

大家都没回答到点子上啊，应该问的是加载进度如何显示。
我的实现思路是：
1、只需要假的动画的情况，js写用延迟函数，分段显示加载进度，页面dom完全加载完后显示最后90%-100%
2、需要真实加载情况，页面dom中预埋点位，js判断相应点位是否加载，完成加载则显示相应百分比
3、ajax加载则通过jq的相应ajax加载状态去判断加载进度，然后显示相应百分比。

显示部分的插件一搜一堆 pace.js NProgress.js 等