1.引入jquery要1.8以上版本 还要引入nprogress.css和nprogress.js
![](https://i-blog.csdnimg.cn/blog_migrate/042276abe018cf1de385026fbee5d72b.webp?x-image-process=image/format,png)
2.要是所有页面加载都要进度条可以这样设置
我这里在外部js文件中写的方法 引入就行(在页面内写也可) 在页面加载开始的时候开启 在结束的时候关闭
![](https://i-blog.csdnimg.cn/blog_migrate/af4628ee66ba369011a4d5d840ce773b.webp?x-image-process=image/format,png)
3.默认是红色的进度条 你可以在nprogress.css中修改颜色等参数
![](https://i-blog.csdnimg.cn/blog_migrate/29c10ce715f7098d43b9371fc88895ec.webp?x-image-process=image/format,png)
1.引入jquery要1.8以上版本 还要引入nprogress.css和nprogress.js
2.要是所有页面加载都要进度条可以这样设置
我这里在外部js文件中写的方法 引入就行(在页面内写也可) 在页面加载开始的时候开启 在结束的时候关闭
3.默认是红色的进度条 你可以在nprogress.css中修改颜色等参数