1、新建Axure RP項目抛蚁，取名“Axure最簡單方式制作頁面加載進度條百分比效果”
2、先看效果圖
Axure 8制作的頁面加載進度條百分比效果
3惕橙、拖入一個矩形框瞧甩，背景色設置為淺灰色，大小為300px*20px弥鹦，作為進度槽肚逸。再拖入一個矩形框爷辙，背景設置為深灰色，大小為1px*20px朦促，作為進度條膝晾。通過逐漸增大進度條來實現(xiàn)進度條在進度槽上的變化，加載完成率百分比則為：進度條寬度/進度槽寬度务冕。分別取名進度值和百分號血当。設置進度值為隱藏。通過隱藏禀忆、顯示進度值控件來實現(xiàn)循環(huán)刷新進度值臊旭。
組件
4、設置OnPageLoad事件箩退，Show 進度值离熏，此動作激發(fā)進度值的OnShow事件。
OnPageLoad事件
5戴涝、設置進度值OnShow事件滋戳。
（1）先Wait 0ms，此設置用于刷新啥刻。
（2）設置進度條大小胧瓜，每次循環(huán)進度條寬度增加進度槽寬度的百分之一。
（3）設置進度值郑什，進度值為100*進度條寬度/進度槽寬度府喳，去除小數(shù)點，采用math.floor函數(shù)蘑拯。
（4）設置進度值隱藏钝满。
6、為循環(huán)執(zhí)行此刷新數(shù)據(jù)操作申窘，在進度值Hide狀態(tài)時添加OnHide事件弯蚜，顯示進度值。
結束剃法，F(xiàn)5預覽即可得進度條及進度值百分比效果碎捺。
效果圖
