Nprogress component for Next.js app.
npm install nextjs-progressbar-withdelay```
npm i nextjs-progressbar-withdelay
After installing the package, import this in your pages/_app.js file.
``
import NextNprogress from 'nextjs-progressbar-withdelay';
And for rendering add inside Container component.
``
startPosition={0.3}
startDelayMs={200}
stopDelayMs={200}
height="3"
/>
- color: to change the default color of progressbar. You can also use rgb(,,) or rgba(,,,).startPosition
- : to set the default starting position : 0.3 = 30%.startDelayMs
- : time for delay to start progressbar in ms. pages which load faster than this will not display the progress bar.stopDelayMs
- : time for delay to stop progressbar in ms.height
- : height of progressbar in px.
You can use other configurations which NProgress provides by adding a JSON in options props.
```
/>