之前有看一篇介紹axure8.0寫怎樣做進度條的，鄙人好奇，就用axure7.0照著其思路畫起來，結果，卻實現(xiàn)不了了，后來自己思考了下，也用axure7.0做出來了。

成果圖如下：

本來axure8.0與axure7.0做進度條的原理是一樣的，

區(qū)別一：因axure7.0并沒有設置尺寸這一項，其有設置面板尺寸這一項導致的。

圖一 ?axure7.0

圖二 ?axure8.0

區(qū)別二：axure7.0動態(tài)面板狀態(tài)不支持首個狀態(tài)延遲，但是axure8.0支持。

圖三 ?axure7.0

圖四 ?axure8.0

總結一下，我看到的axure8.0制作進度條的原理為：

因為以上兩點的不同，我做了改動如下：

總之不管哪個版本都是可以實現(xiàn)的哦。

另外補充一點：這個單位設置的是10個刻度，n=100/10=10,所以設置為n<10,初始值為0；如果要變成更細致些也可以設置刻度為1，那n=100/1=100,那么就要設置n<100,初始值為0；設置為1個刻度時間就太慢了，可以同時把時間循環(huán)設置為10毫秒，各位可以根據自己的喜好設置刻度和時間。

axure8.0的優(yōu)點是：將背景元件，進度條元件，進度指示都集中到同一個動態(tài)面板里面了，好管理些，也更方便移植；另外動態(tài)面板可以設置首個狀態(tài)延遲，很方便，可以一步到位。

希望auxre更新得越來越好用，第一次寫axure使用方法，歡迎大家提出寶貴的建議，大家一起研討，撞出智慧的火花。

相關閱讀：

Axure教程——頁面載入進度條

Axure7.0教程（九）7.0重現(xiàn)進度條（動態(tài)面板新特性_定義面板大?。?/a>