如何通过Progress实现loading效果？

@State progress: number = 0
@State interValId: number | null = null
build() {
  Column({space:15}) {
    Progress({ value: 0, total: 100, type: ProgressType.ScaleRing })
      .value(this.progress)
      .color(Color.Blue)
      .width(150)
      .style({ strokeWidth: 10, scaleCount: 20, scaleWidth: 5, enableSmoothEffect: true })
    Button('开始动画').onClick(() => {
      if (this.interValId === null) {
        this.interValId = setInterval(() => {
          this.progress++
          if (this.progress == 100) {
            this.progress = 0
          }
        }, 10)
      }
    })
    Button('结束动画').onClick(() => {
      clearInterval(this.interValId)
      this.interValId = null
      this.progress = 0
    })
  }.width('100%')
  .height("100%")
  .justifyContent(FlexAlign.Center)
}