簡(jiǎn)單粗暴狭握，拿起Axure闪金，擼起袖子就是干。
1论颅、拖入這幾樣元件哎垦，并命名好
英文不好，進(jìn)度條咋說(shuō)都不知道[捂臉]
2恃疯、開(kāi)始添加事件漏设。給“開(kāi)始”按鈕添加事件，設(shè)置jindu文本框的文字為1今妄。這里添加一個(gè)限制條件：當(dāng)jindu文本框文字小于100郑口。意思就是文本框數(shù)字小于100時(shí)，可以執(zhí)行該事件盾鳞，至于什么原因大家都知道犬性，這里不羅嗦了。
3雁仲、給jindu文本框加事件仔夺，如下圖。意思就是：當(dāng)jindu文本框的文字大于0且小于100時(shí)攒砖，等待100ms，設(shè)置jindu文本框的文字+1日裙，設(shè)置進(jìn)度條尺寸寬度+1吹艇。因?yàn)槲谋究虻奈淖忠恢痹诟淖儯栽撌录恢毖h(huán)（這是最關(guān)鍵的地方）昂拂。
4受神、給重置按鈕添加時(shí)事件，重置就是還原原本的狀態(tài)格侯。
到這就完成了進(jìn)度條效果的制作了鼻听。是不是很簡(jiǎn)單财著？
總結(jié)
1、利用文本框動(dòng)態(tài)變化來(lái)實(shí)現(xiàn)循環(huán)
2撑碴、注意函數(shù)target撑教，this，width的使用
福利鏈接
演示地址：https://limumu1992.github.io/6jindutiaojiazai/
源文件地址：http://pan.baidu.com/s/1jHWFxjC 密碼：zn6t
