快捷導(dǎo)航

Javascript jquery css 寫的簡(jiǎn)單進(jìn)度條控件

更新時(shí)間：2008年03月30日 12:37:09 作者：

很多的時(shí)候用戶需要等待你“臃腫”的 Javascript 代碼處理完成（Web 2.0 的特色）。期間或許加入一個(gè)類似于進(jìn)度條的東西讓用戶有點(diǎn)“安慰”。這個(gè)東西實(shí)現(xiàn)起來(lái)并不復(fù)雜，無(wú)非就是獲得總的處理?xiàng)l目，然后獲得一個(gè)百分比，再顯示輸出。

通過(guò)我們偉大的 CSS，可以實(shí)現(xiàn)非常漂亮的進(jìn)度條樣式。加上 Javascript 的效果，就可以完全“欺騙”我們的用戶，讓他們有耐心等待瀏覽器處理完成。上述的原理已經(jīng)知道了，那么就可以直接看代碼了。本人使用的還是 jQuery 框架，因?yàn)檫@樣簡(jiǎn)短的代碼可能會(huì)更容易理解。

當(dāng)然這個(gè)控件還有很多需要完成的地方，我僅僅是提供了一種遵循 Web 標(biāo)準(zhǔn)的實(shí)現(xiàn)思路。廢話不多說(shuō).

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

Jquery操作下拉框(DropDownList)實(shí)現(xiàn)取值賦值
Jquery操作下拉框(DropDownList)想必大家都有所接觸吧，下面與大家分享下對(duì)DropDownList進(jìn)行取值賦值的實(shí)現(xiàn)代碼
2013-08-08
jquery插件推薦 jquery.cookie
這里給大家介紹一款兼容各大瀏覽器的jQuery處理cookies的插件jQuery.cookie，有需要的小伙伴們可以參考下
2014-11-11
jQuery寫fadeTo示例代碼
這篇文章主要介紹了使用jQuery寫的fadeTo,需要的朋友可以參考下
2014-02-02
jQuery中的ajax async同步和異步詳解
async在jquery ajax中是一個(gè)同步參數(shù)。本篇文章給大家介紹jq中的ajax async同步和異步，小伙伴跟著小編一起學(xué)習(xí)吧
2015-09-09
jquery的 filter()方法使用教程
filter() 方法返回符合一定條件的元素。該方法讓您規(guī)定一個(gè)條件。不符合條件的元素將從選擇中移除，符合條件的元素將被返回。這篇文章主要介紹了 jquery的 filter()方法使用,需要的朋友可以參考下
2018-03-03
jQuery利用cookie 實(shí)現(xiàn)本地收藏功能(不重復(fù)無(wú)需多次命名)
cookie 是存儲(chǔ)于訪問(wèn)者計(jì)算機(jī)中的變量。這篇文章主要介紹了jQuery利用cookie 實(shí)現(xiàn)本地收藏功能不重復(fù)無(wú)需多次命名,需要的朋友可以參考下
2019-11-11
jQuery UI Autocomplete 體驗(yàn)分享
jQuery UI Autocomplete是jQuery UI的自動(dòng)完成組件，是我用過(guò)的最強(qiáng)大、最靈活的Autocomplete，它支持本地的Array/JSON數(shù)組、通過(guò)ajax請(qǐng)求的Array/JSON數(shù)組、JSONP、以及Function(最靈活)等方式來(lái)獲取數(shù)據(jù)
2012-02-02
JQuery擴(kuò)展插件Validate—4設(shè)置錯(cuò)誤提示的樣式
JQuery擴(kuò)展插件Validate—4設(shè)置錯(cuò)誤提示的樣式,使用Validate的朋友可以參考下。
2011-09-09
jquery動(dòng)態(tài)增加text元素以及刪除文本內(nèi)容實(shí)例代碼
這段代碼是通過(guò)jquery動(dòng)態(tài)增加限定數(shù)額的text，以及清除文本內(nèi)容，用到了after()方法追加元素，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
jQuery修改CSS偽元素屬性的方法
CSS偽元素不是DOM元素，因此你無(wú)法直接選擇到它們。下面與大家分享兩種不錯(cuò)的修改方法，需要的朋友可以參考下
2014-07-07