Skip to catalog content
Mado UI Open-code components

Source-owned · zero runtime dependencies

primitive · progress

Native progress

Opt-in styles for native determinate and indeterminate progress.

Install with npx @madojs/ui@latest add progress.

Primitive

Progress

68%
Resolving packages

Composition

  • Use a labelled native progress element; omit value only while progress is genuinely indeterminate.

Public API

element progress
Native task progress with determinate and indeterminate states.
class mado-ui-progress
Cross-theme progress presentation.

Detected public classes

  • .mado-ui-progress

Detected public CSS properties

  • --mado-ui-color-action
  • --mado-ui-color-surface-soft
  • --mado-ui-progress-duration
  • --mado-ui-progress-height
  • --mado-ui-progress-radius
  • --mado-ui-progress-track
  • --mado-ui-progress-value
  • --mado-ui-progress-width
  • --mado-ui-radius-full

Accessibility contract

  • Keep numeric state on the element and provide nearby status text when users need the exact value.

Keyboard

  • The recipe adds no composite keyboard model; native interactive descendants keep their browser-defined keys and Tab order.

Focus

  • Focus remains on native links, buttons or controls. Presentational wrappers never become focusable.

Fallback

  • Without the copied stylesheet, the semantic source HTML remains readable and operable.

Installation graph

Direct dependencies

Resolved install order

Copied source

The CLI resolves each registry source path into the configured project target. Links below point to the exact catalog build tag.