Lion Logo Lion Fundamentals Guides Components Blog Toggle darkmode

Progress Indicator: Overview

A web component that implements accessibility requirements for progress indicators.


Note: You don't see a live demo here as it would be empty, since there is no styling. Check out the examples if you want to see a possible implementation.


This component is designed to be extended in order to add visuals.

  • Accessibility compliant
  • Localized "Loading" label
  • Implementation independent of visuals


npm i --save @lion/progress-indicator
import { LionProgressIndicator } from '@lion/progress-indicator';
// or
import '@lion/progress-indicator/define';