V3 has reached EOL, Upgrade to PrimeVue 4

ProgressSpinner

ProgressBar is a process status indicator.

import #


import ProgressSpinner from 'primevue/progressspinner';

Basic #

An infinite spin animation is displayed by default.


<ProgressSpinner />

Custom #

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


<ProgressSpinner style="width: 50px; height: 50px" strokeWidth="8" fill="var(--surface-ground)"
    animationDuration=".5s" aria-label="Custom ProgressSpinner" />

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" />

Keyboard Support

Component does not include any interactive elements.

name	type	default	description
strokeWidth	string	2	Width of the circle stroke.
fill	string	null	Color for the background of the circle.
animationDuration	string	2s	Duration of the rotate animation.
pt	PassThrough<ProgressSpinnerPassThroughOptions	null	Used to pass attributes to DOM elements inside the component.
ptOptions	PassThroughOptions	null	Used to configure passthrough(pt) options of the component.
unstyled	boolean	false	When enabled, it removes component related styles in the core.

name	type	default	description
instance	any	null	Defines instance.
props	ProgressSpinnerProps	null	Defines valid properties.
attrs	any	null	Defines valid attributes.
parent	any	null	Defines parent options.
global	undefined \| object	null	Defines passthrough(pt) options in global config.

name	type	default	description
root	ProgressSpinnerPassThroughOptionType	null	Used to pass attributes to the root's DOM element.
spinner	ProgressSpinnerPassThroughOptionType	null	Used to pass attributes to the spinner's DOM element.
circle	ProgressSpinnerPassThroughOptionType	null	Used to pass attributes to the circle's DOM element.
hooks	ComponentHooks	null	Used to manage all lifecycle hooks.

ProgressSpinner

import #

Basic #

Custom #

Accessibility #

Screen Reader

Keyboard Support

ProgressSpinner API

ProgressSpinner #

Props #

Interfaces #

ProgressSpinnerPassThroughMethodOptions #

ProgressSpinnerPassThroughOptions #

ProgressSpinnerPassThroughAttributes #

Types #

ProgressSpinnerPassThroughOptionType #