Back to Gatsby

using-page-loading-indicator

examples/using-page-loading-indicator/README.md

2.20.0639 B
Original Source

using-page-loading-indicator

The loading indicator only will show up in the production version of the site.

So first run npm run build then npm run serve.

Then you'll need to open up the chrome (or equivalent in other browsers) devtools and go to the Network tab. There where it says "No throttling" along the top, click that and use the "Slow 3G" preset (or an equivalent slow speed).

Then open the built site (generally at http://localhost:9000) and (important) wait until the initial four JavaScript files are downloaded then click on the "Page 2" link and after a second, you'll see the nprogress bar along the top come in.