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

成果圖如下：

本來axure8.0與axure7.0做進(jìn)度條的原理是一樣的，

區(qū)別一：因axure7.0并沒有設(shè)置尺寸這一項(xiàng)，其有設(shè)置面板尺寸這一項(xiàng)導(dǎo)致的。

圖一 ?axure7.0

圖二 ?axure8.0

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

圖三 ?axure7.0

圖四 ?axure8.0

總結(jié)一下，我看到的axure8.0制作進(jìn)度條的原理為：

因?yàn)橐陨蟽牲c(diǎn)的不同，我做了改動(dòng)如下：

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

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

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

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

相關(guān)閱讀：

Axure教程——頁(yè)面載入進(jìn)度條

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