shadowProgress bars inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates. There are two types of progress bars: determinate and indeterminate.
Determinate is the default type. It should be used when the percentage of an operation is known. The progress is represented by setting the value property. This can be used to show the progress increasing from 0 to 100% of the track.
If the buffer property is set, a buffer stream will show with animated circles to indicate activity. The value of the buffer property will also be represented by how much visible track there is. If the value of buffer is less than the value property, there will be no visible track. If buffer is equal to 1 then the buffer stream will be hidden.
The indeterminate type should be used when it is unknown how long the process will take. The progress bar is not tied to the value, instead it continually slides along the track until the process is complete.
| Description | バッファと値が1より小さい場合、バッファの円が表示されます。バッファは[0, 1]の間である必要があります。 |
| Attribute | buffer |
| Type | number |
| Default | 1 |
| Description | アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です．色に関する詳しい情報は theming を参照してください。 |
| Attribute | color |
| Type | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string & Record<never, never> ｜ undefined |
| Default | undefined |
| Description | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
| Description | true の場合、プログレスバーの方向を反転させます。 |
| Attribute | reversed |
| Type | boolean |
| Default | false |
| Description | 処理にかかる時間が既知か否かに応じて、プログレスバーの状態を指定します。デフォルトのオプションは以下の通り。determinate"(アニメーションなし),"indeterminate"` (左から右へアニメーションする). |
| Attribute | type |
| Type | "determinate" ｜ "indeterminate" |
| Default | 'determinate' |
| Description | この値は、typeが"determinate"である場合に、アクティブバーをどれだけ表示するかを決定するものです。値は [0, 1] の間であるべきです。 |
| Attribute | value |
| Type | number |
| Default | 0 |
No events available for this component.
No public methods available for this component.
| Name | Description |
|---|
progress | typeが"determinate"のときは現在値を表示し、typeが"indeterminate"`のときは前後にスライドするプログレスバーです。 |
stream | バッファリング中に表示されるアニメーションの円です。これは buffer が設定され、type が "determinate" のときのみ表示される。 |
track | プログレスバーの後ろにあるトラックバーです。bufferプロパティが設定され、typeが "determinate"である場合、トラックはbuffer` 値の幅となる。 |
| Name | Description |
|---|
--background | プログレストラックの背景、または buffer が設定されている場合はバッファバー。 |
--buffer-background | DEPRECATED、代わりに --background を使用します。 |
--progress-background | 現在値を表すプログレスバーの背景 |
No slots available for this component.