Progress

About 3 min

Progress

说明: 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

进度条,用于显示内容加载或操作处理进度。

权限列表

子组件

接口说明

Progress(value: {value: number, total?: number, style?: ProgressStyle})

创建指定进度的进度条。

  • 参数

    参数名

    参数类型

    必填

    默认值

    参数描述

    value

    number

    -

    指定当前进度值。

    total

    number

    100

    指定进度总长。

    style

    ProgressStyle

    Linear

    指定进度条样式。

  • ProgressStyle枚举说明

    名称

    描述

    Linear

    线性进度条样式。

属性

名称

参数类型

默认值

描述

value

number

-

设置当前进度值。

color

Color

-

设置进度条前景色。

示例

@Entry
@Component
struct ProgressExample {
  build() {
    Column({ space: 5 }) {
      Text('Linear Progress').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Progress({ value: 10, style: ProgressStyle.Linear }).width(200)

      Text('Linear Progress Color').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Progress({ value: 20, total: 150, style: ProgressStyle.Linear }).color(Color.Red).value(50).width(200)
    }.width('100%').margin({ top: 5 })
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13