diff --git a/bun.lockb b/bun.lockb
index 1763b60..89ea4e2 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 6a6ffc5..c6a660e 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
"lucide-react": "^0.334.0",
"next": "^14.0.4",
"next-auth": "^4.24.5",
+ "next-nprogress-bar": "^2.3.11",
"next-themes": "^0.2.1",
"postgres": "^3.4.3",
"react": "18.2.0",
diff --git a/src/app/_shared/components/navigation/navigation-progress.tsx b/src/app/_shared/components/navigation/navigation-progress.tsx
new file mode 100644
index 0000000..83b5059
--- /dev/null
+++ b/src/app/_shared/components/navigation/navigation-progress.tsx
@@ -0,0 +1,14 @@
+'use client'
+
+import React from 'react'
+import { AppProgressBar as NProgressBar } from 'next-nprogress-bar'
+
+export const NavigationProgress = () => {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d4944c5..beb3d5e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,6 +4,7 @@ import { TRPCReactProvider } from '@/trpc/react'
import { AuthProvider } from './_auth/components/auth-provider'
import { ModalContainer } from './_shared/components/modal/modal-container'
+import { NavigationProgress } from './_shared/components/navigation/navigation-progress'
import { ThemeProvider } from './_shared/components/theme/theme-provider'
import { Toaster } from './_shared/components/ui/toaster'
@@ -42,6 +43,7 @@ export default function RootLayout({
return (
+