简易进度条的做法

开发工具与关键技术： Axure

作者：王炯尧

撰写时间：2021/6/7

注意看红色箭头，共有15个步骤，按顺序操作下去

1.选择一个矩形元件，将其拖至页面,并调整矩形的大小，然后再填写矩形名称

2．选择一个矩形元件，并将其拖至页面

 

3.调整矩形的大小，填充颜色，去除边框，再填写矩形名称，然后改变矩形的位置

 

4.选择一个三级标题，并将其拖至页面，再隐藏三级标题

   

5.选中矩形元件，在右上角的属性处，点击更多事件，选择载入时

 

6.此时会弹出一个选项框，在添加动作里选择调整尺寸

7.勾选当前元件，动画选择线性，时间选择5000秒

8.点击宽后面的fx,此时会弹出一个选项框

9.点击添加局部变量,更改元件，并在插入函数处填写[[LVAR1.width]]

  

10.选中三级标题，在右上角的属性处，点击更多事件，选择载入时

11.此时会弹出一个选项框，在添加动作里选择显示，勾选当前元件

 

12.选中三级标题，在右上角的属性处，点击更多事件，选择显示时

13.此时会弹出一个选项框,在添加动作处选择设置文本，等待0秒，隐藏This和显示This

 

14.点击设置文本，勾选当前元件

15.点击下方的fx,此时会弹出一个选项框，点击两次添加局部变量，改变变量名和元件，并在插入函数处填写[[Math.floor(jdt.width/kuang.width*100)]]%

 

这就是做一个简易进度条的步骤，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教和提问喔！