JQMeter進度條動態載入演示

一、構建html(僅需要乙個空的div即可)

jqmeter依賴於jquery，所以引用檔案的時候一定要先引入jquery

下述**直接建立命名為jqmeter.min.js,然後直接ctrl+a拷貝所有**即可使用。

/*

title: jqmeter: a jquery progress meter plugin
author: gerardo larios
version: 0.1.2
website: 
license: dual licensed under the mit and gpl licenses.
*/!function(e),e.jqmeter.defaults,t)),this.each(function())}}),e.jqmeter=function(t,r),animationspeed)):(e(t).html(''+total+"

引數型別

預設值描述

goal

string    

無預設值，必填引數

進度條的總長度。可以設定為字串如"$9000"，或整數如:"9000"

raised

string

無預設值，必填引數

進度條的當前進度。可以設定為字串，如"$5000"，或整數，如:"5000"

width

string

100%-水平寬度

設定進度條的水平寬度。可以設定為百分比或畫素值

height 

string

50px

設定進度條的垂直高度。可以設定為百分比或畫素值

bgcolor

string

#666

進度條的背景顏色。支援hex、rgba和顏色關鍵字

barcolor

string

#c0c0c0

進度條的顏色。支援hex、rgba和顏色關鍵字

orientation 

string

horizontal

可設定為： 'horizontal' 或 'vertical'。如果設定為垂直進度條，該引數必須設定

displaytotal

boolean

true 

是否顯示進度條完成的百分比數

animationspeed 

integer

2000 

進度條動畫時間，單位毫秒

counterspeed 

integer

2000 

進度條計數的時間，單位毫秒

Flash載入進度條

第一種 1 在場景圖層1，先選擇文字工具，把屬性改為 動態文字 然後在舞台畫出乙個文字框，在屬性裡，在 變數 欄裡填上 bfb 2 再新建乙個影片剪輯，選擇矩形工具，不要填充顏色，只留筆觸顏色，在舞台繪製乙個矩形。選中矩形複製，再建一新圖層2，貼上到當前位置，然後選擇圖層2的矩形，關掉比觸顏色，開啟...

頁面載入進度條

第一 load fakeprogress 0,sb 第二 第三 load go 0 第四 loading.第五 load location.href url oncontextmenu window.event.returnvalue false ondragstart window.event.r...

網頁載入進度條

隨著html5的普及，各種css3動畫及js特效在網頁中層出不窮，pc端載入資料的速度還算可以，移動端相對要慢很多，如果或指令碼沒有完全載入，使用者在操作中可能會發生各種問題，因此我們需要對資料載入進行偵測，以更加人性化的方式給使用者展現。下面介紹兩種方法 1。利用定時器 此方法能解決一部分問題，但...