Remix.js Progressbar
A simple Remix.js progressbar component
Demo: https://remixjs-progressbar.netlify.app
How to install?
npm i remixjs-progressbarHow to use?
After installing the package, import RemixProgressbar in your app/root.tsx
import {RemixProgressbar} from "remixjs-progressbar";And for rendering, add <RemixProgressbar/> to your return() between body tag in App():
import {RemixProgressbar} from "remixjs-progressbar";
export default function App() {
return (
<html lang="en">
<head>
<meta charSet="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<Meta/>
<Links/>
</head>
<body>
<Outlet/>
<ScrollRestoration/>
<Scripts/>
<LiveReload/>
<RemixProgressbar/>
</body>
</html>
);
}