cult pro

TemplatesBlocksComponentsFull Stack PatternsPricing
Login
Docs

Animated Progress

Progress bar with spring-driven determinate fill and indeterminate sliding gradient strip

More components

Agent Suggest Card Stack

AI Blob Warp

Analytics Chart

Animated Badge

Animated Button

Animated Card

Animated Composer

Animated Dropzone

Organic DitherSaaS Colorful
HeroFeaturesCall To ActionDownloadShowcasePricingNavigationWaitlistStatsSocial ProofBlogContactTeamsAboutIntegrationsFAQFooterComparisonHow It WorksAuth404App UIProfile
Hero with MossHero with Neuro NoiseHero with Simplex DitheringHero with Warp ShaderHero — HeerichHero HexHero GlobeHero Large ImageHero RibbonHero AppleHero DitheringHero Liquid MetalHero VercelHero ViteAbstract PaintingHero AnimatedHero GradientHero InputHero Input FocusedHero Input SimpleHero Logo CloudHero Nav MenuHero NavigationHero SimpleHero Text RollHero with HyperspaceRadial Gradient Background
Features TextureFeatures — HeerichFeatures HexFeature MinimalFeatures ViteSticky SectionChangelog 1Code Block 1Code Block 2Code Block 3Features Apple StyleFeatures Quote WaveFeatures — Scroll AccordionFeatures AnimatedFeatures CountFeatures ImmersiveFeatures InteractiveFeatures ModernFeatures RegalFeature Grid 1
CTA — HeerichCTA HexContact ViteCTA ViteCTA CosmicCTA ParticlesCTA Particles DarkCTA WavesCTA AnimatedCTA ImmersiveCTA Interactive
Download Minimal
Bento TextureGallery — HeerichBento Core CapabilitiesBento GradientBento ViteBento VercelBento Layout SharpBento AnimatedBento DatabaseBento Modern
Pricing HexPricing TexturePricing ApplePricing VercelPricing ViteAgent ROI Calculator
Nav FloatingNav MinimalNavigation AppleNavigation VercelNavigation Vite
Waitlist Minimal
Stats HexStats GlobeStats Vite
Testimonials HexSocial Proof AppleSocial Proof VercelSocial Proof Vite
Blog TextureBlog Vercel
Contact TextureContact Apple
Team ViteTeams VercelTeam AnimatedTeam Minimal
About MinimalAbout Vite
Integrations HexAI Integrations CircleIntegration Showcase 1
FAQ HexFAQ AppleFAQ ViteFAQ AccordionFAQ Modern
Footer AppleFooter VercelFooter Vite
Comparison TextureComparison HexComparison VercelComparison ViteComparison Table 1Model ComparisonModel Comparison CompactModel Comparison Hover
Process — HeerichRoadmap ViteRoadmap Section
Auth TextureAuth ViteAuth AppleAuth Minimal
404 Vercel
App UI OnboardingApp UI Grid List 1App UI Grid List
App Profile Minimal
Agent Suggest Card StackAI Blob WarpAnalytics ChartAnimated BadgeAnimated ButtonAnimated CardAnimated ComposerAnimated DropzoneAnimated FieldAnimated InputAnimated NotificationAnimated ProgressAnimated SearchAnimated SegmentedAnimated SelectAnimated SwitchAnimated TabsAnimated ToastAnimated Toggle GroupApple iPhone 17 Pro MaxApple KeyboardApple Pro Display XDRApple Watch UltraBorder Beam ButtonBorder Beam CardBorder Beam InputCircuit BoardCollab AvatarCollab ToolbarCopy ButtonFeature Sticky SectionFluid AI WorkloadsFluted GlassFolded CardGateway Endpoint IllustrationGateway Route IllustrationGateway SVG IllustrationGlobe (COBE)IconsIllustration Card GridIllustration Comment BubbleIllustration CursorIllustration Fluid RenderingIllustration Globe VercelIllustration GraphKanban BoardMac ScreenMarketing Feature CodeMarketing Hero AnalyticsMerging BubblesOrganic ButtonOrganic CardOrganic Card SmallSecurity CheckpointShadow CardSpeech BubbleTabs Illustration VercelWizard Expandable

Determinate

Shows a known completion percentage with an optional label and numeric value — suited to uploads and other bounded tasks.

Uploading0%
x

Indeterminate

Use when the duration is unknown: the bar loops until the task finishes or you switch to a determinate value.

x

Installation

Pro workflow

ProOpen in
Propnpx add

Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.

Get Pro

Install the required dependencies:

pnpm add @base-ui/react motion

Copy and paste the following code into your project.

Source code is available for Pro members.

Upgrade to copy and use these components in your projects.

View pricing

Update the import paths to match your project setup.