A Remix Progress Bar component made using NProgress validated for Remix + Vite.
npm i remix-nprogressAdd the component as one of your children in the function Layout in root.tsx
import RemixNProgress from "remix-nprogress";
export function Layout({children}: { children: React.ReactNode }) {
return (
// your code here
<body>
<RemixNProgress/>
{children}
<ScrollRestoration/>
<Scripts/>
</body>
);
}You may configure how you want your progress bar to look like by passing in options
For example, to disable the spinner
<RemixNProgress showSpinner={false}/>