Lion Logo Lion Guides Components Docs Blog Toggle darkmode

Progress Indicator: Overview

A web component that implements accessibility requirements for progress indicators.

<lion-progress-indicator></lion-progress-indicator>

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.

Features

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

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

Installation

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