Skip to content

Quill docs

Progress

Determinate and indeterminate progress bars with headless ARIA progressbar semantics.

Preview#

This preview is server-rendered from the real qquill-design builder; the page ships the component CSS that builder returns, so the docs cannot drift from the crate API.

Design-system contract#

  • BUILT: determinate bars emit value attributes; indeterminate bars omit them correctly.
  • BUILT: tone and radius are token-driven; indeterminate animation respects reduced motion CSS.
  • Use for real progress; use Skeleton for unknown loading placeholders.

Code#

Construct the component with its builder:

Progress::determinate(72)
    .label("Build progress")
    .tone(Tone::Brand)
    .render()