1 Star 3 Fork 2

droidzxy / oh_progresswithtext

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README_zh.md 984 Bytes
一键复制 编辑 原始数据 按行查看 历史
droidzxy 提交于 2021-09-07 10:51 . add animation

OhProgressWithText

组件介绍

  • 本示例是OpenHarmony自定义组件ProgressWithText。

    在原来进度条的上方加了一个文本框,动态显示当前进度并调整位置。

调用方法

<element name="progresswithtext" src="../progresswithtext/progresswithtext.hml"></element>
<div class="container">
   <text>{{title}}</text>
   <progresswithtext percent="88" style="width: 600px; height: 150px;" ></progresswithtext>
</div>

参数介绍

参数 含义
percent 当前百分比的值

效果演示

  • 12%

效果演示

  • 58%

效果演示

  • 83%

效果演示

  • 动态效果

效果演示

JavaScript
1
https://gitee.com/droidzxy/oh_progresswithtext.git
git@gitee.com:droidzxy/oh_progresswithtext.git
droidzxy
oh_progresswithtext
oh_progresswithtext
master

搜索帮助