HarmonyOS 鸿蒙Next 如何实现根据进度设置部分文本的颜色

根据进度设置部分文本的颜色，看下下面这个Demo是否可以：

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Page240126155113078 {
  [@State](/user/State) message: string = 'Hello World';
  [@State](/user/State) value: number = 0.6
build() {
Row() {

  Column() {

    Row() {

      Text(<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.message)

        .fontSize(<span class="hljs-number"><span class="hljs-number">50</span></span>)

        .fontColor(Color.Black)

        .fontWeight(FontWeight.Bold)

        .blendMode(BlendMode.DST_IN, BlendApplyType.OFFSCREEN)

    }.linearGradient({

      direction: GradientDirection.Right,

      colors: [[<span class="hljs-number"><span class="hljs-number">0xff0000</span></span>, <span class="hljs-number"><span class="hljs-number">0.0</span></span>], [<span class="hljs-number"><span class="hljs-number">0xff0000</span></span>, <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.value], [<span class="hljs-number"><span class="hljs-number">0x000000</span></span>, <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.value], [<span class="hljs-number"><span class="hljs-number">0x000000</span></span>, <span class="hljs-number"><span class="hljs-number">1.0</span></span>]]

    }).blendMode(BlendMode.SRC_OVER, BlendApplyType.OFFSCREEN)

    .backgroundImageSize({ width: <span class="hljs-number"><span class="hljs-number">0</span></span>, height: <span class="hljs-number"><span class="hljs-number">0</span></span> })

    Button(<span class="hljs-string"><span class="hljs-string">"add"</span></span>).onClick(() =&gt; {

      <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.value += <span class="hljs-number"><span class="hljs-number">0.01</span></span>

    })

    Button(<span class="hljs-string"><span class="hljs-string">"--"</span></span>).onClick(() =&gt; {

      <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.value -= <span class="hljs-number"><span class="hljs-number">0.01</span></span>

    })

  }

  .width(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>)

}

.height(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>)
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>