HTML, CSS, and jquery combine to implement simple progress bar effect instance code _jquery

Nonsense not to say more, directly to everyone to paste the code, the specific code as follows:

<! DOCTYPE html>  

This progress bar is particularly simple, first of all, HTML inside the word is a div inside nested a div, and then write the desired style on the line, the implementation of special effects is very simple, a timer inside write an anonymous function inside the implementation is also very simple, I am here 20 milliseconds to execute an anonymous function, The code inside is to add one pixel at a time, but you can also use a percentage to add pixels here. If you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!