Component

Progress bar

Also known as: Progress

A horizontal bar indicating the current completion status of a long-running task, usually updated continuously as the task progresses, instead of in discrete steps.

39 Examples

Filter:

  • Progress

    Ant Design

    Tech

    • React

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Progress bar

    Atlassian Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Accessibility

  • Progress Bar

    Base Web

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Progress bar

    Blueprint

    Tech

    • React
    • Sass

    Features

    • Open source

  • Progress bar

    Bolt Design System

    Tech

    • Sass
    • Twig
    • Web Components

    Features

    • Code examples
    • Tone of voice
    • Open source

  • Progress

    Bootstrap

    Tech

    • Sass

    Features

    • Code examples
    • Accessibility
    • Open source

  • Progress bar

    Bulma

    Tech

    • Sass

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Progress bar

    Carbon Design System

    Tech

    • React
    • Vanilla JS
    • Angular
    • Vue
    • Svelte
    • Web Components

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • ProgressBar

    Cauldron

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Progress

    Chakra UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • Progress Bar

    Clarity Design System

    Tech

    • CSS
    • Angular
    • Web Components

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Progress loader

    Crayons

    Tech

    • Web Components

    Features

    • Code examples
    • Open source

  • Progressbar

    Decathlon Design System

    Tech

    • CSS
    • React
    • Svelte
    • Vue
    • Web Components

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • Progress bar

    Dell Design System

    Tech

    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines

  • Progress

    Elastic UI framework

    Tech

    • React
    • Sass

    Features

    • Code examples
    • Open source

  • Progress bar

    Elisa Design System

    Tech

    • React

    Features

    • Usage guidelines
    • Code examples
    • Accessibility

  • Progress

    Flowbite

    Tech

    • Tailwind CSS

    Features

    • Open source
    • Code examples

  • ProgressIndicator

    Fluent UI

    Tech

    • React
    • Web Components
    • Mobile

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • Progress

    Geist Design System

    Tech

    • React

    Features

    • Code examples

  • Progress Bar

    Lightning Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Progress bar

    Momentum Design

    Tech

    • React
    • Web Components

    Features

    • Usage guidelines
    • Open source

  • Progress

    NextUI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • Progress bar

    Nord Design System

    Tech

    • Web Components

    Features

    • Code examples
    • Usage guidelines

  • Progress bar

    Pajamas

    Tech

    • Vue

    Features

    • Usage guidelines
    • Code examples
    • Open source

  • Progress

    PatternFly

    Tech

    • React
    • Sass

    Features

    • Tone of voice
    • Open source
    • Usage guidelines

  • Progress bar

    Pharos

    Tech

    • Web Components
    • Sass

    Features

    • Usage guidelines
    • Open source
    • Code examples
    • Accessibility
    • Tone of voice

  • Progress bar

    Polaris

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Tone of voice
    • Open source

  • Progress bar

    Primer

    Tech

    • React

    Features

    • Code examples
    • Open source

  • Linear progress

    Quasar Framework

    Tech

    • Vue

    Features

    • Accessibility issues
    • Code examples
    • Open source

  • Progress

    Radix Primitives

    Tech

    • React

    Features

    • Code examples
    • Open source

  • Progress Bar

    Ruter Components

    Tech

    • React

    Features

    • Code examples
    • Unmaintained

  • Progress bar

    SEB Design Library

    Tech

    • Sass
    • React
    • Angular

    Features

    • Code examples
    • Usage guidelines

  • Progress

    shadcn/ui

    Tech

    • React
    • Tailwind CSS

    Features

    • Code examples
    • Open source

  • Progress bar

    Shoelace

    Tech

    • Web Components

    Features

    • Code examples
    • Open source

  • Progress bar

    Spectrum

    Tech

    • CSS
    • Web Components
    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Progress bar

    Stacks

    Tech

    • Stimulus

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Progress

    Visa Product Design System

    Tech

    • Angular
    • React
    • CSS
    • Mobile

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Circular progress

    Wanda

    Tech

    • React
    • CSS Modules

    Features

    • Code examples
    • Open source

  • Linear progress

    Wanda

    Tech

    • React
    • CSS Modules

    Features

    • Code examples
    • Open source

Related components

  • Spinner

    Loader, Loading

    A visual indicator that a process is happening in the background but the interface is not yet ready for interaction.

  • Progress indicator

    Progress tracker, Stepper, Steps, Meter

    A representation of a user’s progress through a series of discrete steps.

Name distribution