Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Official Plugin
View plugin on GitHub

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-nprogress

How 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.

© 2024 Gatsby, Inc.