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

Progress Indicator >> Overview ||10

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';