HarmonyOS 环状渐变色进度条？

Question

如何实现图中展示的环状渐变色进度条

Answer 1

参考demo:

@Entry
@Component
struct ProgressRing {
  @State message: string = 'Hello World';
  private Linear_gradientColor: LinearGradient = new LinearGradient([{color:Color.Red,offset:0.5},{color:Color.Yellow,offset:1.5}])
  build() {
    RelativeContainer() {
      Progress({ value: 100, type: ProgressType.Ring }).width(100)
        .color(this.Linear_gradientColor)
    }
    .height('100%')
    .width('100%')
  }
}