Animations

Progress animation

Use Progress for loading bars, step completion, and measurable status.

A motion wrapper for progress and completion fills.

Example 1

Example 2

Example 3

A progress bar using the progress preset.

Viewport trigger

Starts when the preview enters the viewport.

Override values

Adjust preset targets with props.

What it does

Animates scaleX from empty to full with transform origin on the left.

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/progress`.