Javascript jquery css 寫的簡單進度條控制項

來源:互聯網
上載者:User

通過我們偉大的 CSS,可以實現非常漂亮的進度條樣式。加上 Javascript 的效果,就可以完全“欺騙”我們的使用者,讓他們有耐心等待瀏覽器處理完成。上述的原理已經知道了,那麼就可以直接看代碼了。本人使用的還是 jQuery 架構,因為這樣簡短的代碼可能會更容易理解。

當然這個控制項還有很多需要完成的地方,我僅僅是提供了一種遵循 Web 標準的實現思路。廢話不多說. xmlns="http://www.w3.org/1999/xhtml">



Javascript 進度條 Demo

原理就是使用 Javascript 控制 SPAN CSS 的寬度(以及其他的樣式),詳細資料可以參見連結:http://www.jb51.net/article/13993.htm

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.