1 案例描述
1.1 場景描述
進度條，從0到100逐漸增長，上方顯示百分比。
1.2 思路分析
1)進度條，就是一個有填充顏色的矩形在另一個無填充的矩形中不斷拉伸，直到兩者重合。
2)百分比即為兩者長度之比，向上取整。
1.3 元件準備（如圖1）
1)一個375*20的矩形，無填充顏色，命名為“Kuang”。
2)一個1*20的矩形，填充顏色為紅，命名為“Jin du tiao”，放置在“Kuang”的最左側(cè)。
3)一個文本標簽，放置在“Kuang”的上方，設(shè)為隱藏。
圖1
2 用例
2.1 設(shè)置“Jin du tiao”的“載入時”用例（如圖2）
1)雙擊“載入時”，再點擊“設(shè)置尺寸”。
2)設(shè)置錨點為“左側(cè)“，動畫為”線性“，時間為“5000”毫秒。
3)設(shè)置“寬”的函數(shù)，使局部變量LVAR1為“元件”、“Kuang”，英文輸入狀態(tài)下，插入函數(shù)：[[LVAR1.width]]。
圖2
2.2 設(shè)置“Bai fen bi”的“載入時”和“顯示時”用例（如圖3、圖4）
1)載入時：顯示“Bai fen bi”
2)顯示時：設(shè)置文本，值為“[[Math.ceil(LVAR1.width/LVAR2.width*100)]]%”；等待0毫秒；隱藏“Bai fen bi”；顯示“Bai fen bi”。
圖3
圖4
