如何在 Progress 组件中添加自定义的标签文本？

Question

我想在进度条上添加一个自定义的文本标签，比如显示当前进度百分比。我用 Progress 组件尝试了一下，但是不知道怎么把文本加到进度条上。有人知道如何在进度条上方或旁边添加文本标签吗？希望有一个代码示例。

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

可以通过在 Progress 组件的上方或旁边添加 Text 组件来显示当前的进度百分比。

代码示例：

export default {
  data: {
    progressValue: 75
  }
}

<Progress value="{{progressValue}}" style="width: 300px; height: 20px;"></Progress>
<Text>{{progressValue}}%</Text>

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。