简单粗暴，拿起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
网友评论
1,“开始”元件还应设置一个条件，就是“进度”=“0”，因为缺少这个条件的话，多点击几次开始，进度条就会在加载的基础上一直添加下去。
2，“重置”元件的状态设置为禁用，在进度开始运行时，启动“重置”，感觉更符合。