lion/docs/components/content/progress-indicator/overview.md

Content >> Progress Indicator >> Overview ||10

lion-progress-indicator 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

LionProgressIndicator is designed to be extended 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';