DEV Community

How to add a navigation progress bar to sveltekit website

SvelteKit provides a great router out of the box; users clicking links on your website will be taken to the next page without a full reload, which improves the perceived loading speed by the users.

However, sometimes when loading heavy pages, SvelteKit does not provide any feedback to the user that the page is being loaded, making the user either think they didn’t click or your website is broken, not a great user experience.

In this article, we will see how easy it is to create a smooth navigation progress bar in SvelteKit (think YouTube navigation progress style).

Read the full article

Top comments (0)