Better loading behavior

1 files changed, 13 insertions, 0 deletions

diff --git a/src/components/progress-bar.tsx b/src/components/progress-bar.tsx
new file mode 100644
index 0000000..cbf068e
--- /dev/null
+++ b/src/components/progress-bar.tsx
@@ -0,0 +1,13 @@
+'use client'
+import { Next13ProgressBar } from 'next13-progressbar'
+
+export function ProgressBar() {
+  return (
+    <Next13ProgressBar
+      height="2px"
+      color="#64748b"
+      options={{ showSpinner: true }}
+      showOnShallow
+    />
+  )
+}