Show a progress bar while a screen loads into an i-frame?

Ive got a very large table/row set of data that is being loaded into an i-frame.  Id like to show the user some sort of "Loading..." message in the center of the i-frame while the page is being loaded.  Unfortunately, thats all Ive got.  Sorry, no code yet to speak of...I havent found anything thus far that looks even like a starting point.  
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

What technologies are you using?  ASP/msSQL? PHP/MySQL?
soBCAuthor Commented:
Cloud Class® Course: Certified Penetration Testing

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

I'm with you,
I like notifying the user that they are going to receive something soon.
I have used two approaches..
One is a Div with a z-index of -1 that says loading or has an animated gif,
so that when the table loads it hides the loading text or image.

The other is by using a javascript function to open a popup window that has an animated loading image (very small window size like 150X150 or something) then at the bottom of the iframe page you include a javascript that closes this window.

Both of these have worked for me even with an iframe.
I can provide some code to this effect if you would prefer.
soBCAuthor Commented:
That'd be great shay.  The div z-index idea is something ive messed with.  If you have an example of that one, id be much obliged.
I use a tool called ABC Upload.  I had to pay for it... and it was really worth it.  However, it works in a simple manner.

Before you post, you have a popup window with an animated gif ... a clock or something.. in the querystring of the popup, you have a random ID number.  That popup is set to repost it self every few seconds.  Each time it reposts, it goes to the server and checks a table called uploads for the same ID number.  In the meantime, your upload page with the file in it is loading.  Once it actually finishes and hits the server, it does an insert in the db with the same random number you sent to that popup.  Once the popup finds the number in the table, it closes itself the next time it posts.

Slick, huh?

The ABC upload component somehow gets the size of the file as well.  Since it has it, it is able to make a progress bar in the popup... which is quite nice.


By the way, if you want to mess with divs, you might hide your text on that page and put in some label about how you are uploading... I sometimes use an animated gif clock.  Unfortunately, I had a few problems with that in older browsers.
here is the div code I have used..
sorry for the delay in response.

<div style="position: absolute; top: 136px; left: 400px; z-index: -1;">One moment please...</div>

Note that the position should be in a location that the table will hide it upon loading.
let me know if you need more.


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.