How to add router progress bar in Next.js with one line of code 🤯

Next.js pages are lazy-loaded so if you fetch some API or fetch data from a database it can take a few seconds to reach the second page. To let the user know that the page is being loaded we will add a progress bar at the top of the screen. Here is how it will look.