#鸿蒙学习大百科#如何实现一个圆球型的进度条？

@Entry
@Component
struct Index {
  build() {
    Column() {
      // 从左往右，1号圆形进度条，默认前景色为蓝色
      Progress({ value: 10, total: 150, type: ProgressType.Eclipse }).width(100).height(100)
      // 从左往右，2号圆形进度条，指定前景色为灰色
      Progress({ value: 20, total: 150, type: ProgressType.Eclipse }).color(Color.Grey).width(100).height(100)
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}