Skip to content
A visual indicator of page scroll on Gatsby websites
Branch: develop
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci Fix typo on prettier-check-job Feb 21, 2019
src Added CSS transition to width of indicator progress bar to make it sm… Feb 20, 2019
.babelrc Update scripts and build Feb 19, 2019
.gitignore Bump to v0.0.6 Feb 20, 2019
.npmignore Update .npmignore Feb 19, 2019
.prettierignore Add Prettier Feb 18, 2019
.prettierrc Update changelog for v0.0.8 Feb 21, 2019 Update README to make icon list Mar 11, 2019
index.js Add build file until CI setup Feb 19, 2019
package-lock.json Add a Prettier check to CircleCI Feb 21, 2019


npm version CircleCI

  • 🔥 Easily add a page scroll indicator to your Gatsby site.
  • 👨🏼‍💻A 3px high indicator bar will progress along the top of your viewport as you scroll down the page.
  • 🎨 The color is of the indicator bar is a configurable option.

Scroll Indicator demo


npm install --save gatsby-plugin-scroll-indicator

How to use

// In your gatsby-config.js
plugins: [
    resolve: `gatsby-plugin-scroll-indicator`,
    options: {
      // Configure your color here
      color: '#BADA55',
You can’t perform that action at this time.