DRYL COMPONENTS
Color mode: System — switch to light
3.16.0
Feedback

DrylProgress

AI-aware

Linear progress bar, drawn as a row of glass cells. One gradient runs across the row, the cells fill one after another and the leading cell fills partially, so the value stays exact. Rising values spring the new cells up in a stagger, the leading cell breathes, and the row flashes once at 100 %. Set Indeterminate for a rolling wave of light. Variants tint the gradient, and the shared Ai state wraps the bar in the gradient aura for model-driven progress.

Determinate

Raise the value to watch the new cells spring up; Complete plays the flash.

Uploading40%

Steps

When Max is a whole number from 1 to 12, every unit gets its own cell. Any other scale uses 20 cells.

Step 3 of 5

Variants

Accent72%
Success100%
Warning84%
Danger38%

Sizes

Indeterminate

A wave of light rolls through the cells; no value is announced.

Working…

AI mode

The bar adopts the shared AI aura; the pulse speed follows the state.

Generating40%
An unhandled error has occurred. Reload x

Reconnecting to the server…

Attempt /

Next try in s