eclipse中birt插件使用_react中使用NProgress进度条插件

使用场景：

网页中，我们有时候需要添加浏览器的进度条，以优化用户体验。react中可以使用NProgress插件实现。

步骤：

1、安装依赖：

npm install --save nprogress

2、使用

import NProgress from 'nprogress'   //引入NProgress.start(); //进度条开启NProgress.done();//进度条关闭

3、进度条的开始和结束可以放在axios的拦截器里面

axios.interceptors.request.use(function (config)     NProgress.start();    return config});axios.interceptors.response.use(function (config) {    //console.log("拦截请求结束")    NProgress.done();    return config});

4、完成以上步骤后，进度条还是不能够显示的。别忘了引入css

import 'nprogress/nprogress.css'

5、附：修改nprogress的默认样式

//第一种：直接修改 nprogress.css 的样式，相当于修改源码，推荐下面一种

//第二种(推荐)//NProgress 的 configure 属性重配置模板，举个例子NProgress.configure({    template: '

6、效果图：