Axure案例分享—进度条（附下载地址）

原创纤纤露 2024-03-12 16:12:09 评论(0) 阅读(30)

今天和大家分享的Axure案例为动态进度条和跟随进度条
动态进度条是由动态面板组件和矩形组件组成

- 动态进度条
动态进度条是由动态面板组件和矩形组件组成，如图：
![](https://img.huzhan.com/blog/20240312/20241710230898288.png)
对动态面板“Dynamic ”进行“状态改变时”进行设置， if “[[jdt.width]]” < "[[bg.width]]"时，设置其尺寸 宽为：[[This.width+bg.width/100]] 高为：[[bg.height]] 设置文字“number”值为：[[Math.ceil(this.width/bg.width100)]]% 对按钮”鼠标点击时“进行设置 设置动态面板“Dynamic ”宽为：[[bg.width/100]]，高为：[[bg.height]]，显示动态面板 设置文字“number”值为：[[Math.ceil(jdt.width/bg.width100)]]% 运行结果为：
![](https://img.huzhan.com/blog/20240312/20241710230930577.png)
- 跟随动态进度条
跟随进度条是由动态面板组件和矩形组件组成，如图：

![](https://img.huzhan.com/blog/20240312/20241710230979319.png)

对动态面板“Dynamic ”进行“状态改变时”进行设置， if “[[jdt.width]]” < "[[bg.width]]"时，设置其尺寸 宽为：[[This.width+bg.width/100]] 高为：[[bg.height]] 设置文字“bubbles”值为：[[Math.ceil(this.width/bg.width*100)]]% 移动”“bubbles“**位置[[(jdt.right)-((bf.width)/2)]] 对按钮”鼠标点击时“进行设置 设置动态面板“Dynamic ”宽为：[[[bg.width/100]]，高为：[[bg.height]]，显示动态面板 设置文字““bubbles”值为：[[Math.ceil(jdt.width/bg.width*100)]]% 
运行结果为：
![](https://img.huzhan.com/blog/20240312/20241710231006943.png)
下载地址 公众号：AXURE设计工厂 中的资料分享>Axure案例

关注下面的标签，发现更多相似文章本文TAG标签：

Axure案例分享—进度条（附下载地址）

已有 0 条评论

Ta的最新文章

标签大全

阅读目录