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

今天和大家分享的Axure案例为动态进度条和跟随进度条

• 动态进度条

动态进度条是由动态面板组件和矩形组件组成，如图：

对动态面板“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)]]%
运行结果为：

• 跟随动态进度条
  跟随进度条是由动态面板组件和矩形组件组成，如图：
  
  对动态面板“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)]]%
运行结果为：

下载地址1：https://download.csdn.net/download/weixin_43516258/88944558
下载地址2 公众号：Axure设计工厂 中的资料分享>Axure案例