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 responses to “HTML 5 Tutorial Progress Bar For Progressive Javascript Events Processing or File Upload”
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!"
what if i want a button to be click then it Progress
ok thanks for the tutorial, but this bar is based on time, what happens if the bar goes to 100% and it is not loades yet?
how to tie a progress bar to a website
adam you are so pro but you choose hardest way to teach
This is a great line
'Any small child with a keyboard knows how to tie a progress bar to their page'
Great line
you sound like Jimmy fron black mass lol
Is there a way I can redirect to a url after the progress bar reaches 100? help please..
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.
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 🙁
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. 🙂
love the video and i also leant som tin new
Ok I understand but I want it to idle for a moment doing the basic unknown completion time.
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.
Love your vids. Do you happen know how to create a seekbar for audio element?
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??
we want learn us website from A to Z .
Nice work dude.. I learn a lot from your video 😀 upload more.
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.
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..
Hi Adam do you have a video that shows a progress bar that is tied in with a php upload form and script?
how to do that when im refresh the page, the prosses will be the same befor refresh?
how can i make this work on fat browsers? you know… 🙂 it works in chrome,mozilla,safari and opera