プログレススピナー

ProgressSpinnerは、処理状況を示すインジケーターです。

インポート #


import ProgressSpinner from 'primevue/progressspinner';

基本 #

デフォルトでは、無限回転アニメーションが表示されます。


<ProgressSpinner />

カスタム #

ProgressSpinnerは、style、strokeWidth、fill、animationDurationなどのスタイルプロパティを使用してカスタマイズできます。


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

アクセシビリティ #

スクリーンリーダー

ProgressSpinnerコンポーネントは、progressbarロールを使用します。コンポーネントの説明に使用する値は、aria-labelledbyとaria-labelプロップで定義できます。


<ProgressSpinner aria-label="Loading" />

キーボードサポート

このコンポーネントには、インタラクティブな要素は含まれていません。