Progress

Displays an indicator showing the completion progress of a task.

Default

Progress bar at 33%.

Values

Progress bars at different completion levels.

0%
25%
50%
75%
100%

Usage

julia
using Suite

Progress(value=33)
Progress(value=75, class="w-[60%]")

API Reference

PropTypeDefaultDescription
valueReal0Progress percentage (0-100, clamped)
classString""Additional CSS classes
kwargs...Pair-Any HTML attribute

Accessibility

Renders with role="progressbar" and appropriate aria-valuenow, aria-valuemin, aria-valuemax attributes.