前端开发中,进度条库是常见的库之一,bootstrap中提供了多种进度条样式,其中NProgress.js是一款轻量级的进度条组件,使用简便。
NProgress可实现的进度条效果,如下图所示。
官网下载NProgress
网址:http://ricostacruz.com/nprogress/
下载如下所示文件【nprogress.css】与【nprogress.js】:
使用方法:
(1)引入nprogress.js和nprogress.css到项目中
(2)调用start() 和 done()来控制进度条
NProgress.start(); //进度条开始
NProgress.done(); //进度条结束
使用案例:将其运用于Ajax请求与响应之间的等待时间