ProgressSpinner

Import via Module

import { ProgressSpinner } from 'primereact/progressspinner';
 

Import via CDN

<script src="https://unpkg.com/primereact/core/core.min.js"></script>
<script src="https://unpkg.com/primereact/progressspinner/progressspinner.min.js"></script>
 

Getting Started

ProgressSpinner is defined using ProgressSpinner element.

<ProgressSpinner/>
 

Colors

Colors of the spinner can be changed by overriding the keyframes animation

@keyframes p-progress-spinner-color {
    100%,
    0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%,
    90% {
        stroke: #ffa700;
    }
}
 

Properties

Styling

Following is the list of structural style classes, for theming classes visit theming page.

Accessibility

This section is under development. After the necessary tests and improvements are made, it will be shared with the users as soon as possible.

Dependencies

None.