@lion/progress-indicator

A progress indicator that is easily styleable and accessible in all contexts

Usage no npm install needed!

<script type="module">
  import lionProgressIndicator from 'https://cdn.skypack.dev/@lion/progress-indicator';
</script>

README

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