DeprecatedThis React 19 prerelease version may be selected unexpectedly by npm when resolving version ranges. Please use the latest stable version, or use @next to install React 19 compatible prerelease version.
gatsby-plugin-nprogress
Automatically shows the accessible-nprogress indicator when a page is delayed in loading (which Gatsby considers as one second after clicking on a link).
Install
npm install gatsby-plugin-nprogressHow to use
// In your gatsby-config.js
plugins: [
{
resolve: `gatsby-plugin-nprogress`,
options: {
// Setting a color is optional.
color: `tomato`,
// Disable the loading spinner.
showSpinner: false,
},
},
]You can pass in the custom configuration option color to customize the accessible-nprogress CSS. You may also pass all available accessible-nprogress configuration options into the plugin, too.