# Motion Progress Animated Segmented

ETL or warehouse sync split into extract, transform, validate and load with unequal weights.

- id: `motion-progress-animated-segmented`
- Page: https://agentic-ui-kit.com/components/motion-progress-animated-segmented
- Live preview: https://agentic-ui-kit.com/live/component/motion-progress-animated-segmented

## Install

```bash
agentic-ui add motion-progress-animated-segmented
npx shadcn@4.17.0 add @agentic-ui/motion-progress-animated-segmented
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** determinate-progress, weighted-stages, buffer-track, stage-checkpoints, error-state, live-feed, reduced-motion-fallback
- **Intents:** track-status, monitor-live, execute-flow
- **Suits domains:** operations, devtools, analytics, saas, file-storage
- **Interaction:** value-update, live-refresh, click, keyboard-navigation
- **Screen role:** overview
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** ETL or warehouse sync split into extract, transform, validate and load with unequal weights., Staged release rollout (build, canary, regional, global) that stops red at a failed guardrail., Backup or large upload job showing buffered bytes ahead of verified bytes.
- **Avoid when:** Single-step jobs with no meaningful stages; use motion-progress-animated., Indeterminate waits with no measurable progress; use a spinner or skeleton., Navigational multi-step forms where users jump between steps; use a stepper.
- **Preserve when adapting:** progressbar-semantics, stage-weights, buffer-never-behind-fill, reduced-motion-fallback, informative-state
- **Replace when adapting:** stages, data-source, label-copy, tone-colors
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.55/10
- **Quality breakdown:** visual 8/10, responsive 8/10, accessibility 9/10, code 8/10
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/tokens, react
- **Motion:** profile subtle, library css, reduced-motion fallback yes, target 30 fps
- **Registry dependencies:** lib-motion