木疙瘩h5怎麼做進度條

木疙瘩h5做進度條的方法

首先，我們製作的這個進度條並沒有後臺資料作為支撐，所以是一個靠js實現的一個簡單的頁面。

我們首先需要新建一個html5的頁面，其使用的progress元素實在html5時代才出現的。我們在新建的頁面中，輸入一個段落標籤，一個進度條，一個button按鈕。然後，我們需要設定一下進度條顯示的進度。value代表從多少開始，max代表到多少結束。我們做的是百分比形式的，應該寫成這樣的。這些做好之後，我們需要書寫兩個小的事件，實現原理大體上是滑鼠單擊下載按鈕，開始下載變為正在下載百分之多少，等到達到我們預設的時間後顯示下載完成。我們之前已經給p標籤和progress標籤分別賦予了不同的id，我們需要獲取到這兩個元素，並將他們賦給兩個變數。我們還要將progress的初始值設為0，當滑鼠單擊的時候，我們以一定的時間為週期呼叫寫好的事件。函式寫好之後，我們在瀏覽器中除錯，點選下載按鈕之後會在300ms內完成下載時間

木疙瘩h5做進度條方法如下：

在操作頁面右側的“載入”面板裡設定載入頁面屬性。設定載入樣式:進度條提示文字:“正在載入……”文字大小:12動態文字:否2/6設定顏色:點選有顏色的正方形方框，在出現的顏色框內選取自己想要的顏色。