Component

Progress indicator

Also known as: Progress tracker, Stepper, Steps, Meter

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

34 Examples

Filter:

  • Steps

    Ant Design

    Tech

    • React

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Progress indicator

    Atlassian Design System

    Tech

    • React

    Features

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

  • Progress tracker

    Atlassian Design System

    Tech

    • React

    Features

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

  • Progress Indicator

    Aurora

    Tech

    • CSS

    Features

    • Code examples
    • Tone of voice
    • Open source
    • Unmaintained

  • Progress bar

    Backpack

    Tech

    • Mobile
    • React

    Features

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

  • Progress Steps

    Base Web

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Progress indicator

    Carbon Design System

    Tech

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

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Stepper

    Cauldron

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Steps

    Chakra UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • Timeline

    Clarity Design System

    Tech

    • CSS
    • Angular
    • Web Components

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Stepper

    Coral

    Tech

    • React

    Features

    • Code examples
    • Tone of voice
    • Open source

  • Progress tracker

    Dell Design System

    Tech

    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines

  • Progress stepper

    eBay Playbook

    Tech

    • HTML
    • React

    Features

    • Code examples

  • Steps

    Elastic UI framework

    Tech

    • React
    • Sass

    Features

    • Code examples
    • Open source

  • Stepper

    Elisa Design System

    Tech

    • React

    Features

    • Usage guidelines
    • Code examples
    • Accessibility

  • Stepper

    Flowbite

    Tech

    • Tailwind CSS

    Features

    • Open source
    • Code examples

  • Progress indicator

    GOLD Design System

    Tech

    • React
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source
    • Unmaintained

  • ProgressBar

    Instructure-UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Accessibility
    • Open source

  • ProgressCircle

    Instructure-UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Accessibility
    • Open source

  • Path

    Lightning Design System

    Tech

    • React

    Features

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

  • Progress Indicator

    Lightning Design System

    Tech

    • React

    Features

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

  • Stepper

    Momentum Design

    Tech

    • React
    • Web Components

    Features

    • Usage guidelines
    • Open source

  • Stepper

    Morningstar Design System

    Tech

    • Vue

    Features

    • Usage guidelines

  • Progress

    Nucleus Design System

    Tech

    • Web Components

    Features

    • Usage guidelines

  • Timeline

    Orbit

    Tech

    • React
    • CSS-in-JS

    Features

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

  • Stepper

    Pajamas

    Tech

    • Vue

    Features

    • Usage guidelines
    • Code examples
    • Open source

  • Progress stepper

    PatternFly

    Tech

    • React
    • Sass

    Features

    • Tone of voice
    • Open source
    • Usage guidelines

  • Stepper Horizontal

    Porsche Design System

    Tech

    • Web Components
    • Angular
    • React
    • Vue

    Features

    • Code examples
    • Open source

  • Stepper

    Quasar Framework

    Tech

    • Vue

    Features

    • Accessibility issues
    • Code examples
    • Open source

  • Progress ring

    Shoelace

    Tech

    • Web Components

    Features

    • Code examples
    • Open source

  • Meter

    Spectrum

    Tech

    • CSS
    • Web Components
    • React

    Features

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

  • Progress Navigation

    uStyle

    Tech

    • Sass

    Features

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

  • Progress indicator

    W3C design system

    Tech

    • Sass
    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines
    • Open source
    • Accessibility

  • Progress indicator

    West Midlands Network Design System

    Tech

    • HTML
    • Nunjucks
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Open source

Name distribution