Axure系列：使用文本框实现进度条加载

简单粗暴，拿起Axure，撸起袖子就是干。

1、拖入这几样元件，并命名好

英文不好，进度条咋说都不知道[捂脸]

2、开始添加事件。给“开始”按钮添加事件，设置jindu文本框的文字为1。这里添加一个限制条件：当jindu文本框文字小于100。意思就是文本框数字小于100时，可以执行该事件，至于什么原因大家都知道，这里不罗嗦了。

3、给jindu文本框加事件，如下图。意思就是：当jindu文本框的文字大于0且小于100时，等待100ms，设置jindu文本框的文字+1，设置进度条尺寸宽度+1。因为文本框的文字一直在改变，所以该事件一直循环（这是最关键的地方）。

4、给重置按钮添加时事件，重置就是还原原本的状态。

到这就完成了进度条效果的制作了。是不是很简单？

总结

1、利用文本框动态变化来实现循环

2、注意函数target，this，width的使用

福利链接

演示地址：https://limumu1992.github.io/6jindutiaojiazai/

源文件地址：http://pan.baidu.com/s/1jHWFxjC 密码：zn6t