快捷導(dǎo)航

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

更新時(shí)間：2008年01月22日 23:25:17 作者：

很多的時(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ō)，有時(shí)間的話可以點(diǎn)擊這里看下在線演示

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)簡(jiǎn)單商品篩選功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)商品篩選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-02-02
js實(shí)現(xiàn)簡(jiǎn)單分頁(yè)導(dǎo)航欄效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單分頁(yè)導(dǎo)航欄效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-06-06
layui寫后臺(tái)表格思路和賦值用法詳解
今天小編就為大家分享一篇layui寫后臺(tái)表格思路和賦值用法詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-11-11
淺談Javascript線程及定時(shí)機(jī)制
這篇文章主要介紹了淺談Javascript線程及定時(shí)機(jī)制的相關(guān)資料,需要的朋友可以參考下
2015-07-07
JavaScript 語(yǔ)法集錦腳本之家基礎(chǔ)推薦
JavaScript語(yǔ)法集錦是對(duì)javascript常用函數(shù)的一些小結(jié)，比較實(shí)用，建議收藏，方便查找需要的資料。
2009-11-11
bootstrap daterangepicker雙日歷時(shí)間段選擇控件詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap daterangepicker雙日歷時(shí)間段選擇控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
JavaScript中DOM詳解
這篇文章主要介紹了jQuery 中DOM 操作詳解,以及在火狐和IE之間的13點(diǎn)JavaScript差異，需要的朋友可以參考下
2015-04-04
動(dòng)態(tài)加載JavaScript文件的3種方式
第一種是使用document.write/writeln(）方式，第二種使用jQuery，第三種是使用原生js方法，感興趣的小伙伴們可以參考一下
2018-05-05
JavaScript代碼實(shí)現(xiàn)禁止右鍵、禁選擇、禁粘貼、禁shift、禁ctrl、禁alt
這篇文章主要介紹了JavaScript代碼實(shí)現(xiàn)禁止右鍵、禁選擇、禁粘貼、禁shift、禁ctrl、禁alt,需要的朋友可以參考下
2015-11-11
javascript實(shí)現(xiàn)的多個(gè)層切換效果通用函數(shù)實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)的多個(gè)層切換效果通用函數(shù),涉及javascript針對(duì)頁(yè)面元素樣式的遍歷與操作技巧,需要的朋友可以參考下
2015-07-07