Прогрессспиннер

PrimeNG/ProgressSpinner (opens in a new tab)

Счетчик прогресса - это индикатор состояния процесса.

С чего начать

Подключите модуль

import { ProgressSpinnerModule } from 'primeng/progressspinner';

Встройте компонент с помощью тэга p-progressSpinner.

<p-progressSpinner></p-progressSpinner>

Basic

<p-progressSpinner styleClass="p-spinner"></p-progressSpinner>

Размеры

XSSMDefaultLG

<div>Small</div>
<p-progressSpinner styleClass="p-spinner p-spinner-xs"></p-progressSpinner>
 
<div>Medium</div>
<p-progressSpinner styleClass="p-spinner p-spinner-sm"></p-progressSpinner>
 
<div>Default</div>
<p-progressSpinner styleClass="p-spinner"></p-progressSpinner>
 
<div>Large</div>
<p-progressSpinner styleClass="p-spinner p-spinner-lg"></p-progressSpinner>

Свойства

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.

Стилизация

Name	Element
p-progress-spinner	Container element.
p-progress-circle	SVG element.
p-progress-path	Circle element.

Progressbar RadioButton