HarmonyOS 鸿蒙Next中的进度条组件

Progress 组件可以精确的设置当前进度条的进度，它主要用在有加载进度的场景

LoadingProgress 加载中组件

Progress({
  value: 85,                   // 设置当前进度
  type: ProgressType.ScaleRing // 设置进度条的样式为环形刻度样式
})
.size({width: 80, height: 80})

Progress({
  value: 85,                   // 设置当前进度
  total: 100,                  // 设置进度总量
  type: ProgressType.Capsule   // 设置进度条的样式为胶囊样式
})
.size({width: 120, height: 50})

Progress({
  value: 85,                   // 设置当前进度
  total: 100,                  // 设置进度总量
  type: ProgressType.Eclipse   // 设置进度条的样式为圆形样式
})
.size({width: 80, height: 80})

Progress({
  value: 85,                   // 设置当前进度
  total: 100,                  // 设置进度总量
  type: ProgressType.Linear    // 设置进度条的样式为条形样式
})
.size({width: '100%', height: 40})

Progress({
  value: 85,                   // 设置当前进度
  total: 100,                  // 设置进度总量
  type: ProgressType.Ring      // 设置进度条的样式为环形样式
})
.size({width: 80, height: 80})

LoadingProgress()
  .width(120)
  .height(40)
  .color(Color.Pink) // 设置进度条的前景色