How to add Nprogress to sveltekit route change
![How to add Nprogress to sveltekit route change](https://images.prismic.io/sabbirz/8d880c4c-2729-4250-8967-9e536b5f5904_Add+Nprogress+to+sveltekit.jpg?auto=format,compress)
Install nprogress
npm i nprogress
import NProgress from 'nprogress';
import 'nprogress/nprogress.css';
import { afterNavigate, beforeNavigate, goto } from '$app/navigation';
beforeNavigate(async () => {
NProgress.start();
});
afterNavigate(async () => {
NProgress.done();
});
NProgress.configure({ showSpinner: false });
#nprogress .bar {
background: rgb(221, 34, 40) !important;
height: 2px !important;
}