Progress

stable llms.txt

Progress indicators inform users about the status of ongoing operations. Available in linear and circular variants with support for indeterminate animations.

Installation

bash
ts

Linear Progress

Horizontal bar showing determinate or indeterminate progress

Basic

Determinate linear progress bar

Indeterminate

Animated bar for unknown completion time

Circular Progress

Circular indicator for compact layouts

Basic

Determinate circular progress

Indeterminate

Spinning indicator for unknown duration

Composition

Custom label via children snippet

Custom Label

Render a custom label after the progress bar using children

Preset Configuration

Customise appearance using presets

API Reference

Accessibility

  • Uses role="progressbar" for screen-reader support
  • Exposes aria-valuemin, aria-valuemax, and aria-valuenow attributes
  • Omits aria-valuenow in indeterminate state as per ARIA spec
  • Supports custom labels via the children snippet

© 2026 Svelte Atoms. Open source under the MIT license.

Built with Svelte 5 · Runes · TailwindCSS