Skip to main content


Less than 1 minute

nprogress Plugin


Integrate nprogressopen in new window into VuePress, which can provide a progress bar when navigating to another page.

This plugin has been integrated into the default theme.


npm i -D @vuepress/plugin-nprogress@next
import { nprogressPlugin } from "@vuepress/plugin-nprogress";

export default {
  plugins: [nprogressPlugin()],


You can customize the style of the progress bar via CSS variables:

:root {
  --nprogress-color: #29d;
  --nprogress-z-index: 1031;