nprogress是一個輕量級的進度條插件，可以用于在vue項目中實現頁面加載等異步操作的進度顯示。

使用nprogress前，需要先安裝和導入相關依賴：

npm install --save nprogress

在Vue組件中使用nprogress：

//導入nprogress
import NProgress from "nprogress";
//定義請求攔截器
axios.interceptors.request.use(config =>{
//請求開始，頁面顯示進度條
NProgress.start();
return config;
});
//定義響應攔截器
axios.interceptors.response.use(response =>{
//請求結束，頁面進度條消失
NProgress.done();
return response;
}, error =>{
//請求出錯，頁面進度條消失
NProgress.done();
return Promise.reject(error);
});

使用以上代碼，在發送請求時，頁面上會出現一個帶有進度條的加載效果，直到請求完成時進度條才會消失。

同時，nprogress提供了多種樣式和配置可供選擇，可以根據具體需要進行設置。

總之，nprogress是一個非常實用的進度條插件，在Vue項目中的應用可以有效提升用戶體驗，值得推薦使用。