Circular Progress

2.0.12

Circular Progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction. The behavior of the indicator is dependent on whether the progress of a process is known.

Demo

Props

Se fullständing dokumentation(öppnas i ny flik)
NamnTypBeskrivning

ariaLabel *

stringThe aria label attribute for enhanced accessibility.

label

stringThe label text.

Installation

Kodexempel
npm install @sj-ab/component-library.ui.circular-progress

Länkar

Tillgänglighet

WAI-ARIA

Circular Progress är byggd som en "indeterminable progressbar".

Det innebär att den använder rollerna:

  • role="progressbar" för att kommunicera att komponenten är en laddindikator
  • aria-valuemin med implicit värde 0
  • aria-valuemax med implicit värde 100
  • aria-valuenow utan explicit värde, för att meddela att laddtiden är obestämd.
  • aria-label för att sätta ett namn på komponenten.

Utvecklare ansvarar för att sätta en giltig aria-label. I övrigt hanteras all WAI-ARIA internt i komponenten.

Se till att aria-label inte skiljer sig för mycket från den synliga etiketten!

Change log

Statistik

  • Importer av Circular Progress

    9

  • Repos med Circular Progress

    9%

  • Senaste installerade version av Circular Progress

    0.4.0

  • Äldsta installerade version av Circular Progress

    0.2.1