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



Lesson Code: http://www.developphp.com/video/HTML/Progress-Bar-Progressive-Javascript-Events-Processing
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:
http://www.developphp.com

Original source

23 thoughts on “HTML 5 Tutorial Progress Bar For Progressive Javascript Events Processing or File Upload

  • February 19, 2019 at 03:01
    Permalink

    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!"

  • February 19, 2019 at 03:01
    Permalink

    This is a great line
    'Any small child with a keyboard knows how to tie a progress bar to their page'

    Great line

  • February 19, 2019 at 03:01
    Permalink

    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.

  • February 19, 2019 at 03:01
    Permalink

    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 🙁

  • February 19, 2019 at 03:01
    Permalink

    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. 🙂

  • February 19, 2019 at 03:01
    Permalink

    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.

  • February 19, 2019 at 03:01
    Permalink

    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??

  • February 19, 2019 at 03:01
    Permalink

    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.

  • February 19, 2019 at 03:01
    Permalink

    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..

  • February 19, 2019 at 03:01
    Permalink

    Hi Adam do you have a video that shows a progress bar that is tied in with a php upload form and script?

Leave a Reply