Simple progress bar control written in Javascript jquery css_jquery

With our great CSS, you can achieve very beautiful progress bar styles. Coupled with the effect of Javascript, we can completely "cheat" our users, allowing them to wait patiently for the browser to complete processing. Now that you know the above principles, you can look at the code directly. I still use the jQuery framework, because such short code may be easier to understand.

Of course, this control still has a lot to be done. I just provide an implementation idea that follows Web standards. No more nonsense.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Javascript Progress Bar Demo - jb51.net</title> <style type="text/css"> #progress {background: white; height: 20px; padding: 2px; border: 1px solid green; margin: 2px;} #progress span {background: green; height: 16px; text-align: center; padding: 1px; margin: 1px; display: block; color: yellow; font-weight: bold; font-size: 14px; width: 0%;} </style> <h1> </h1> <p>Javascript Progress Bar Demo<a href="http://www.jb51.net/article/13993.htm"> </a>The principle is to use Javascript to control the width of SPAN CSS (and other styles). For detailed information, please see the link: </p>http://www.jb51.net/article/13993.htm<div id="progress"><span> </span></div>
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute
]