29 lines
730 B
Markdown
29 lines
730 B
Markdown
# Progress Indicator >> Overview ||10
|
|
|
|
A web component that implements accessibility requirements for progress indicators.
|
|
|
|
```html
|
|
<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](./examples.md) 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
|
|
|
|
```bash
|
|
npm i --save @lion/progress-indicator
|
|
```
|
|
|
|
```js
|
|
import { LionProgressIndicator } from '@lion/progress-indicator';
|
|
// or
|
|
import '@lion/progress-indicator/define';
|
|
```
|