在投票類的網頁中，點擊“支持”按鍵后，不僅增加“被支持”一方的“投票”數量，還顯示“投票”比例，該怎么制作這類的網頁呢？具體效果圖如下，詳細操作請看下文詳細介紹。

“進度條”的基本制作原理，可先參考以下鏈接，是個基礎，這里不再累述部分代碼原理~

在axure中，按以下圖示，設置組件布局：

先設置”按鍵1“的交互動作：

動作1：

設置”參數1“的數值，即點擊“支持”后，數值加1

設置"參數1"的“元件文字”為局部變量LVAR1

所以”參數1“的數值為：[[LVAR1+1]]

動作2：

1.觸發"顏色進度條1"的"載入時"動作

2.觸發"顏色進度條2"的"載入時"動作

然后看下“顏色進度條1”的“載入時”的交互動作：

動作1：

設置”總量1“的內容，即“進度條1”的比率數值，這是一個臨時的過渡數值

設置"參數1"的“元件文字”為局部變量LVAR1

設置"參數2"的“元件文字”為局部變量LVAR2