ProgressSpinner

    ProgressSpinner is a process status indicator.

    
    import { ProgressSpinner } from 'primeng/progressspinner';
    
    

    An infinite spin animation is displayed by default.

    
    <p-progress-spinner ariaLabel="loading" />
    
    

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

    
    <p-progress-spinner strokeWidth="8" fill="transparent" animationDuration=".5s" [style]="{ width: '50px', height: '50px' }" />
    
    

    Screen Reader

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

    
    <p-progress-spinner aria-label="Loading"></p-progress-spinner>
    
    

    Keyboard Support

    Component does not include any interactive elements.