MotionLoadingProgressBar
1.0.0Marketing loading capsule whose fill springs toward discrete progress jumps, still when motion is reduced.
npx jabkit add motion-loading-progress-barComponent Data
- ID
- motion-loading-progress-bar
- Category
- marketing
- Version
- 1.0.0
- Added
- 2026-09-07
- Type
- block
- Keyboard nav
- No
- Reduced motion
- Yes
loadingprogressbarspringmotionmarketingwaitlanding
Dependencies
- clsx
- tailwind-merge
Examples
Default
<div className="bg-background text-foreground">
<MotionLoadingProgressBar {...motionLoadingProgressBarMocks.default} />
</div>Variants
<div className="bg-background text-foreground">
<MotionLoadingProgressBar {...motionLoadingProgressBarMocks.alternate} />
</div>