网页头部加一个网页加载进度条,看起来还是挺有意思的。其实制作很简单,只需要用JS监听网页加载进度即可。
1、使用jQuery:
css代码
2、使用插件:
控制显示,下面这两句代码,分别放到页面开头和网页加载完成事件里面即可。
NProgress.start();//开始加载进度条 NProgress.done();//停止显示进度条
控制进度条的速度
NProgress.set(0.0); // Sorta same as .start() NProgress.set(0.4); NProgress.set(1.0); // Sorta same as .done()