Axure怎么設(shè)計點贊的百分比進(jìn)度條?
所以所需的”比率數(shù)值“的公式為:[[LVAR1/(LVAR1+LVAR2)*100]]
(*100是為了百分比格式化方便些)

動作2:
設(shè)置”顏色進(jìn)度條2“的寬度

設(shè)置"總量1"的“元件”為局部變量LVAR1
所以”顏色進(jìn)度條2“的寬度為:[[LVAR1.text*LVAR1.width/100]]
(/100是抵消百分比擴(kuò)大的數(shù)額)

動作3:
設(shè)置”百分比1“的內(nèi)容,這個數(shù)值需要格式化(保留2為小數(shù))

設(shè)置"總量1"的“元件文字”為局部變量LVAR1
所以”百分比1“的格式化后的內(nèi)容:([[LVAR1.toFixed(2)]]%)

”按鍵2“及”顏色進(jìn)度條2“的交互方式與”按鍵2“及”顏色進(jìn)度條2“的交互相同,這里不再累述,可以通過復(fù)制代碼的方式便捷操作,需要注意的時,參數(shù)的賦值需要修正~
”按鍵2“的交互代碼:

”顏色進(jìn)度條2“的交互代碼:

到這里就設(shè)置結(jié)束了,設(shè)置還算簡單……
一切設(shè)置正確,效果就如下:

以上就是Axure設(shè)計點贊的百分比進(jìn)度條的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure菜單導(dǎo)航怎么添加鼠標(biāo)選中變色的特效?
相關(guān)文章

axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件?
axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件?axure中設(shè)計好的文件原型想要預(yù)覽并生成,該怎么預(yù)覽呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-09-25
axure原型無法簽出怎么辦? axure不能簽出的解決辦法
axure原型無法簽出怎么辦、?axure中設(shè)計網(wǎng)頁原型很方便,設(shè)計完成以后發(fā)現(xiàn)無法簽出,該怎么辦呢?下面我們就來看看axure不能簽出的解決辦法,需要的朋友可以參考下2017-09-24
Axure怎么新建元件庫?想要把常用的組件制作一個元件,放到自己的元件庫中,該怎么操作呢?下面我們就來看看Axure元件庫的使用方法,需要的朋友可以參考下2017-09-13
axure中的單元格怎么合并?axure制作的網(wǎng)頁原型中插入了表格,想要將表格中的單元格合并呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-09-08
axure8怎么給網(wǎng)頁制作Tabpage頁效果?
axure8怎么給網(wǎng)頁制作Tabpage頁效果?axure8中想要給網(wǎng)頁設(shè)計一個tab標(biāo)簽效果,該怎么設(shè)計呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-08-29
Axure RP8怎么設(shè)計倒計時獲取短信驗證碼效果?
Axure RP8怎么設(shè)計倒計時獲取短信驗證碼效果?經(jīng)常能見到帶有短信驗證的網(wǎng)頁,該怎么設(shè)計出這個交互效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-08-25
Axure RP怎么給網(wǎng)頁添加滾動字幕?看到很多網(wǎng)頁有滾動字幕,想要在Axure RP中制作滾動字幕效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-08-15
Axure RP怎么設(shè)計一款導(dǎo)航菜單?Axure RP中設(shè)計網(wǎng)頁的時候需要設(shè)計一款導(dǎo)航菜單,該怎么設(shè)計恩?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-08-11
axure怎么給下拉框/列表框和元件文本添加內(nèi)容?
axure怎么給下拉框/列表框和元件文本添加內(nèi)容?axure中有很多元件,今天我們就來看看給下拉框/列表框和元件文本添加內(nèi)容的方法,需要的朋友可以參考下2017-07-25
Axure怎么繪制一幅生產(chǎn)產(chǎn)品圖?Axure中想要設(shè)計一個生產(chǎn)產(chǎn)品圖,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程,很簡單,需要的朋友可以參考下2017-07-25











