nprogress

Integrate nprogress into VuePress, which can provide a progress bar when navigating to another page.

This plugin has been integrated into the default theme.

Usage

npm i -D @vuepress/plugin-nprogress@next

import { nprogressPlugin } from '@vuepress/plugin-nprogress'

export default {
  plugins: [nprogressPlugin()],
}

Styles

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

:root {
  --nprogress-c: var(--vp-c-accent);
  --nprogress-z-index: 1031;
}