HTML 5 Tutorial Progress Bar For Progressive Javascript Events Processing or File Upload

Lesson Code:
Learn how to tie the HTML5 progress element to progressive Javascript events, whatever that progressive event may be. Come learn HTML and HTML5 with us:

Original source

23 responses to “HTML 5 Tutorial Progress Bar For Progressive Javascript Events Processing or File Upload”

  1. Adam, I gotta say, I love your accent! It sounds programming is your hobby when you're not working for the mob. "Eh fat Tony could you keep the noise down? iI'm trynna code 'ere!"

  2. i tried those codes you've used but unfortunately i doesn't stop, and i think when i reach to 100% it will automatically stop. i tried this in notepad. could you help me to make a progress bar which automatically closes the page . after it reaches in 5%?
    once you run it. after 5 mins it will automatically close the page please help me.

  3. I am disappointed by this videos, as it cannot be used for any real time application, all that you did was run a progress bar for a preset time interval, but in real situation we don't know what time it take to complete the process and this approach utterly fails.All those who are saying this a great video, i don't see their point ๐Ÿ™

  4. Great video Adam.

    I have a different type of progress bar that I want to do – I want the progress bar to update itself automatically once a date (dd/mm/yy) has passed. Can you please help me on this?

    Thank you. ๐Ÿ™‚

  5. Just stumbled upon this vid, and noticed a peculiar similarity to an article on the codeproject site entitled "HTML 5 Progress Bar for Progressive Javascript Events Processing," by Emad Al Hawary. Unless that is an alias of yours (which I doubt), it would appear that the article's author stole your code, given that it was published in Dec. 2012 while your video was published in Jan. 2012. Not that it matters much… It's just the principle of the thing lol.

  6. Any ideas anyone of how to tie that to a image upload form? My form already has an event onChange to validate file extension. I would like to show that progress bar to show the percentage of the image been uploaded. Any one??

  7. i was a little disappointed. you start off by saying that any kid with a keyboard can add a progress bar to a document, the trick is linking it to an event, like a download event. then all you showed was how to put a bar on the page, and nothing about linking it to an event. maybe you lost your train of thought.

  8. i like ur tutorial but one thing make me so disappointment that is when you just paste the code like u did with javascript, if u can do it practical way one by one coding, I can get better understand..

Leave a Reply