Source: https://primereact.org/progressspinner/

Introducing PrimeReact v11 Alpha 🥁Learn More

• SearchK

• 10.9.7

  • v11(11.0.0)

  • v10(10.9.7)

  • v9(9.6.3)

• FEATURES

• API

• THEMING

• PASS THROUGH

ProgressSpinner

ProgressSpinner is a process status indicator.

Import#

---

import { ProgressSpinner } from 'primereact/progressspinner';
         

Copy

Basic#

---

An infinite spin animation is displayed by default.

<ProgressSpinner />
         

Copy

Custom#

---

ProgressSpinner can be customized with styling property like style, strokeWidth and fill.

<ProgressSpinner style={{width: '50px', height: '50px'}} strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s" />
         

Copy

Accessibility#

---

Screen Reader

ProgressSpinner components uses progressbar role. Value to describe the component can be defined using aria-labelledby and aria-label props.

<ProgressSpinner aria-label="Loading" />
 

Copy

Keyboard Support

Component does not include any interactive elements.

• Import

• Basic

• Custom

• Accessibility

PrimeReact 10.9.7 by PrimeTek