Downloading please wait gif

Asked 11 years, 11 months ago. Active 3 months ago. Viewed 1. Improve this question. Shog9 k 34 34 gold badges silver badges bronze badges. Add a comment. Active Oldest Votes. Then we position it in relation to the viewport window with position:fixed.

Width, height, top and left speak for themselves. Improve this answer. Community Bot 1 1 1 silver badge. Sampson Sampson k 72 72 gold badges silver badges bronze badges. This is the most in depth solution although I'd recommend you use a centering plugin which centers the preloader around a page element i.

That would be a nice addition, cballou. I was merely trying to keep the information minimized - but as you point out, it certainly can be improved upon. I had to use. I'd recommend using the plugin that plugins to the plugins to make sure they're all plugged in. Note: As of jQuery 1.

Show 14 more comments. Paolo Bergantino Paolo Bergantino k 76 76 gold badges silver badges bronze badges. Something to note: if you cant modify the HTML to add the loading img element, you can do it as a background-image on the button using CSS e.

This site has a larger and in my opinion nicer selection of loaders with more customization options preloaders. FYI: merged from stackoverflow. Nice solution, but when i call show after hide it's not working. I found a solution that is switch show and hide to toggle. Hoping it can help someone have same problem as my. Also, I tried solution C and founded beforeSend not working in async. Thank you very much Paolo. Personally, I liked your answer than the one accepted by most of the users.

This is an Ajax Event. Dan F Dan F This is outdated, as of 1. Old question and answer that's been superceded by Jonathan Sampson's edits to his question, but good to keep it up to date anyway — Dan F. Jonathan's answer was very in-dept, but this for me was the best for its simplicity.

Samir Talwar Samir Talwar Thanks for the reply. Can't I simply track down it all in the page itself? What exactly do you want to track? Unless you're requesting information after the page has loaded and AJAX is pretty much the only way to do that without using a plugin , why would you need a "loading" image at all? Samir Talwar: A heavy JavaScript application actually. Thanks, I get the idea. In that case, just call showLoadingImage before you start and hideLoadingImage after you finish.

Should be fairly simple. Maurice Flanagan 5, 3 3 gold badges 29 29 silver badges 36 36 bronze badges. Ben Power Ben Power 1, 3 3 gold badges 22 22 silver badges 32 32 bronze badges. Edited because the multiple 'background-' lines didn't work, but the single background statement works correctly. Veeti Veeti 5, 3 3 gold badges 29 29 silver badges 37 37 bronze badges. Can someone please explain what AJAX has to do with this?

Or am I missing here something? If you simply want a "please wait, loading Chris Edwards 3, 2 2 gold badges 29 29 silver badges 39 39 bronze badges. Fred Fred 1 1 gold badge 4 4 silver badges 4 4 bronze badges. Like Mark H said the blockUI is the way. VansFannel Tsundoku Tsundoku 8, 27 27 gold badges 89 89 silver badges bronze badges. Below is the code. Use the AjaxOptions to overcome this issue: Ajax. Rami Weiss Rami Weiss 41 1 1 bronze badge. Add this CSS to make the actual spinner:. Camille Camille 2, 12 12 silver badges 29 29 bronze badges.

Shubham Shubham 18k 17 17 gold badges 57 57 silver badges 84 84 bronze badges. Prakhar Gyawali Prakhar Gyawali 2 2 silver badges 18 18 bronze badges. Deyson Deyson 8 8 silver badges 18 18 bronze badges.

It is very simple. Skitty Skitty 1, 16 16 silver badges 20 20 bronze badges. But it's not the main functionality of the project. It's the generator form that allows users to modify the animated images as desired from within the web-site and create own unique "pre-loaders". Just click on a desired animation and you can set your own custom image colors, size, animation speed, frames amount and other advanced options.

All loading icons on Preloaders. Most of the animations have the "add to cart" button. This button is there for users who are willing to purchase a source file in Adobe Photoshop. MAX format for advanced use of the corresponding animation. Shopping cart. Your cart is empty. Loading, waiting, and spinning animations Free to download. Loading icons by category Cryptocurrency Word to animate.

Image type. Color Transparent background Keep original colors Foreground color.