mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-09-10 22:41:17 +00:00
25 lines
639 B
TypeScript
25 lines
639 B
TypeScript
"use client"
|
|
|
|
import { motion } from "motion/react"
|
|
import { useOnboarding } from "./onboarding-context"
|
|
|
|
export function OnboardingProgressBar() {
|
|
const { currentVisibleStepNumber, totalSteps } = useOnboarding()
|
|
|
|
const progress =
|
|
totalSteps === 0 ? 0 : (currentVisibleStepNumber / totalSteps) * 100
|
|
|
|
return (
|
|
<div className="fixed top-0 left-0 right-0 z-50 h-3 bg-zinc-200">
|
|
<motion.div
|
|
className="h-full bg-gradient-to-r from-[#06245B] via-[#1A5EA7] to-[#DDF5FF]"
|
|
initial={{ width: "0%" }}
|
|
animate={{ width: `${progress}%` }}
|
|
transition={{
|
|
duration: 0.8,
|
|
ease: "easeInOut",
|
|
}}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|