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.
Component
Progress bar
Other names: Progress
41 examples
Progress
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
- Open source
Progress bar
Atlassian Design System
- React
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
Progress Bar
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
Progress bar
Bolt Design System
Pegasystems
- Sass
- Twig
- Web Components
- Code examples
- Tone of voice
- Open source
Progress
Bootstrap
- Sass
- Code examples
- Accessibility
- Open source
Progress bar
Bulma
- Sass
- Code examples
- Accessibility issues
- Open source
Progress bar
Carbon Design System
IBM
- React
- Vanilla JS
- Angular
- Vue
- Svelte
- Web Components
- Code examples
- Usage guidelines
- Open source
ProgressBar
Cauldron
Deque
- React
- CSS
- Code examples
- Usage guidelines
- Accessibility
- Open source
Progress
Chakra UI
- React
- CSS-in-JS
- Code examples
- Open source
Progress Bar
Clarity Design System
VMware
- CSS
- Angular
- Web Components
- Code examples
- Usage guidelines
- Open source
Progress loader
Crayons
Freshworks
- Web Components
- Code examples
- Open source
Progressbar
Decathlon Design System
- CSS
- React
- Svelte
- Vue
- Web Components
- Usage guidelines
- Code examples
- Accessibility
- Open source
Progress bar
Dell Design System
- Vanilla JS
- Code examples
- Usage guidelines
Progress
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Progress bar
Elisa Design System
- React
- Usage guidelines
- Code examples
- Accessibility
Progress
Flowbite
- Tailwind CSS
- Open source
- Code examples
ProgressIndicator
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
- Open source
Progress
Geist Design System
Vercel
- React
- Code examples
Progress Bar
Lightning Design System
Salesforce
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Progress Bar
Momentum Design
Cisco
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Progress
NextUI
- React
- CSS-in-JS
- Code examples
- Open source
Progress bar
Nord Design System
Nordhealth
- Web Components
- Code examples
- Usage guidelines
Progress bar
Pajamas
GitLab
- Vue
- Usage guidelines
- Code examples
- Open source
Progress
PatternFly
Red Hat
- React
- Sass
- Tone of voice
- Open source
- Usage guidelines
Progress bar
Pharos
JSTOR
- Web Components
- Sass
- Usage guidelines
- Open source
- Code examples
- Accessibility
- Tone of voice
Progress bar
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Progress bar
Primer
GitHub
- React
- Code examples
- Open source
Linear progress
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Progress
Radix Primitives
WorkOS
- React
- Code examples
- Open source
Progress Bar
Ruter Components
- React
- Code examples
- Unmaintained
Progress bar
SEB Design Library
Skandinaviska Enskilda Banken
- Sass
- React
- Angular
- Code examples
- Usage guidelines
Progress
shadcn/ui
- React
- Tailwind CSS
- Code examples
- Open source
Progress bar
Shoelace
- Web Components
- Code examples
- Open source
Progress bar
Spectrum
Adobe
- CSS
- Web Components
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Progress bar
Stacks
Stack Overflow
- Stimulus
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Preloader
Vattenfall Design System
- HTML
- jQuery
- Sass
- Code examples
- Open source
Progress
Vattenfall Design System
- HTML
- jQuery
- Sass
- Code examples
- Open source
Circular progress
Wanda
Wonderflow
- React
- CSS Modules
- Code examples
- Open source
Linear progress
Wanda
Wonderflow
- React
- CSS Modules
- Code examples
- Open source
Related components
Progress indicator
46 examples
Other names: Progress tracker, Stepper, Steps, Meter
A representation of a user’s progress through a series of discrete steps.
Spinner
73 examples
Other names: Loader, Loading
A visual indicator that a process is happening in the background but the interface is not yet ready for interaction.