1 案例描述
1.1 場(chǎng)景描述
進(jìn)度條，從0到100逐漸增長抵乓，上方顯示百分比伴挚。
1.2 思路分析
1)進(jìn)度條，就是一個(gè)有填充顏色的矩形在另一個(gè)無填充的矩形中不斷拉伸灾炭，直到兩者重合茎芋。
2)百分比即為兩者長度之比，向上取整蜈出。
1.3 元件準(zhǔn)備（如圖1）
1)一個(gè)375*20的矩形田弥，無填充顏色，命名為“Kuang”铡原。
2)一個(gè)1*20的矩形偷厦，填充顏色為紅，命名為“Jin du tiao”眷蜈，放置在“Kuang”的最左側(cè)沪哺。
3)一個(gè)文本標(biāo)簽，放置在“Kuang”的上方酌儒，設(shè)為隱藏辜妓。
圖1
2 用例
2.1 設(shè)置“Jin du tiao”的“載入時(shí)”用例（如圖2）
1)雙擊“載入時(shí)”，再點(diǎn)擊“設(shè)置尺寸”忌怎。
2)設(shè)置錨點(diǎn)為“左側(cè)“籍滴，動(dòng)畫為”線性“，時(shí)間為“5000”毫秒榴啸。
3)設(shè)置“寬”的函數(shù)孽惰，使局部變量LVAR1為“元件”、“Kuang”鸥印，英文輸入狀態(tài)下勋功，插入函數(shù)：[[LVAR1.width]]。
圖2
2.2 設(shè)置“Bai fen bi”的“載入時(shí)”和“顯示時(shí)”用例（如圖3库说、圖4）
1)載入時(shí)：顯示“Bai fen bi”
2)顯示時(shí)：設(shè)置文本狂鞋，值為“[[Math.ceil(LVAR1.width/LVAR2.width*100)]]%”；等待0毫秒潜的；隱藏“Bai fen bi”骚揍；顯示“Bai fen bi”。
圖3
圖4
