Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    ProgressBar

    A bar that shows how far a task has come, or sweeps while the remaining time is unknown.

    Storybook
    Storybook
    Source
    Source

    Added

    • First version: a determinate and indeterminate progress bar on Base UI Progress.
    • label, value, max, showValue, valueText, description, size, tone, hideLabel; the percentage in the Provider’s language.
    • motion.progress, motion.indeterminate; progress-height-sm, progress-height-md component tokens.
    • tone="warning": a warning fill for a quota near its limit.

    Changed

    • The track is on the layer fill (surface-layer-2).
    • New warning tone.