建立滾動的進度指示器
創建水平的進度指示器，隨著訪問者向下滾動頁面而縮放。
設計進度條
設置滾動觸發器
設置滾動動畫
覆蓋變換原點
設計進度條
創建一個Div塊
命名
設置背景顏色
把它放在想要的位置
設定100%的寬度
設定高度（例如，10像素）
把它的位置固定在窗口的左上方
設定足夠高的Z-index值，讓它總是在上層
設置滾動觸發器
在交互面板的頁面觸發器選單中，選擇"While page is scrolling(當頁面滾動的時候)"
設置滾動動畫
從交互面板的"On scroll"選單中，選擇"Play scroll animation(播放滾動動畫)"
在滾動動畫旁邊點擊加號
給它命名（例如"滾動進度"）
確保元素被選中，然後點擊0%處的加號，從下拉選單中選擇"Scale縮放"
在Scale下，將X軸的位置改為0
點擊100%處的進度條，在Scale下將X軸位置改為1
覆蓋變換原點
在風格面板上，向下滾動到Effects
點擊2D和3D變換旁邊的更多選項圖標
將原點設為左邊
Last updated