使用Axure製作進度條

2022-07-15 03:18:12 字數 1421 閱讀 2377

效果連線:

密碼:hanyu2012

背景:1張

軟體:axure

1、在開打的空頁面上新增一張已經準備好的背景(x:50,y:50 ; w:620 ,h : 320),如圖:

2、在背景那個上新增乙個按鈕控制項(x:120,y:200 ; w :500,h:20),同時設定按鈕的填充色為無色,如圖:

3、在按鈕上新增乙個動態面板(x:121,y:201 ; w :498,h:18),將面板命名為 「進度條」

4、雙擊「state1」進入動態面板編輯介面,再在該介面上新增乙個「矩形控制項」(x:0,y:0; w :498,h:18)。

5、設定矩形控制項的邊框顏色為無色,填充色如下圖:

6、在動態面板「進度條」的狀態「state1」的「矩形控制項」上新增乙個「動態面板」(x:0,y:0; w :498,h:18),命名為「進度」

7、在動態面板「進度」的「state1」編輯介面上新增乙個「矩形控制項」(x:0,y:0; w :498,h:18),設定其邊框色為無色,背景設定如下圖:

8、在主介面新增「頁面載入時」事件,如圖:

9、製作完成,點選「發布-生成html檔案」,執行一下測試效果。

執行效果ok!大功告成!

進度條的製作

在loading介面切換的時候,不僅需要用到非同步載入,更需要用進度條來表示切換的進度。今天我就來介紹一下,何如製作 音之國度 中的過渡頁面進度條。首先,我們當然先需要得到乙個進度條 滑稽 製作乙個進度條有兩種比較簡單的方法。1 在ngui中,已經存在progressbar的預設體,所以求省事的同學...

Python製作進度條

1號進度條import datetime import time class tiao object def init self self.obj1 datetime.timedelta seconds 1 self.var h m s defadd self,var a datetime.date...

Python 製作進度條

看到乙個推文 python製作進度條,原來有這麼多方法!另一位大佬的帖子 python 實現進度條的六種方式 感覺很有意思!分享給各位!例項 import sys import time 定義函式 defprogress bar for i in range 1 101 print r end pr...