shadow
进度条用于向用户显示正在进行的进程状态，例如应用加载、表单提交或保存更新。进度条分为两种类型：determinate（确定性）和 indeterminate（非确定性）。
确定性进度条是默认类型。当操作的完成百分比已知时，应使用此类型。通过设置 value 属性来表示进度。这可用于显示进度从轨迹的 0% 增加到 100%。
如果设置了 buffer 属性，将显示带有动画圆圈的缓冲流以指示活动状态。buffer 属性的值也会通过可见轨迹的长度来表示。如果 buffer 的值小于 value 属性，则不会有可见轨迹。如果 buffer 等于 1，则缓冲流将被隐藏。
当进程所需时间未知时，应使用非确定性类型。该进度条不与 value 绑定，而是持续在轨迹上滑动，直到进程完成。
| Description | If the buffer and value are smaller than 1, the buffer circles will show. The buffer should be between [0, 1]. |
| Attribute | buffer |
| Type | number |
| Default | 1 |
| Description | The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming. |
| Attribute | color |
| Type | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| Default | undefined |
| Description | The mode determines which platform styles to use.
This is a virtual property that is set once during initialization and will not update if you change its value after the initial render. |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
| Description | If true, reverse the progress bar direction. |
| Attribute | reversed |
| Type | boolean |
| Default | false |
| Description | The state of the progress bar, based on if the time the process takes is known or not. Default options are: "determinate" (no animation), "indeterminate" (animate from left to right). |
| Attribute | type |
| Type | "determinate" ｜ "indeterminate" |
| Default | 'determinate' |
| Description | The value determines how much of the active bar should display when the type is "determinate". The value should be between [0, 1]. |
| Attribute | value |
| Type | number |
| Default | 0 |
No events available for this component.
No public methods available for this component.
| Name | Description |
|---|
progress | The progress bar that shows the current value when type is "determinate" and slides back and forth when type is "indeterminate". |
stream | The animated circles that appear while buffering. This only shows when buffer is set and type is "determinate". |
track | The track bar behind the progress bar. If the buffer property is set and type is "determinate" the track will be the width of the buffer value. |
| Name | Description |
|---|
--background | Background of the progress track, or the buffer bar if buffer is set |
--progress-background | Background of the progress bar representing the current value |
| Name | Description |
|---|
--background | Background of the progress track, or the buffer bar if buffer is set |
--progress-background | Background of the progress bar representing the current value |
No slots available for this component.