Ajax loading animated gif

Graphics | js/ajax - 04/04/2006 @ 10:06



If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

Many ajax Progress indicators, ajax activity indicators, ajax loading animated gif, ajax loading animated images.

mozilla blue Inspired by the Firefox 1.5 busy icon
mozilla yellow Inspired by the Firefox 1.5 busy icon (yellow version)
remember orange Inspired by RememberTheMilk (tuned to orange)
little red Tiny red (original creation)
black Black busy (original creation)
gray Gray busy (original creation)
rot green Green rotate (original creation)
rot Rotation (big - edited from google images)
rot Rotating arrows

UPDATE: This is the licence for my gifs.
Creative Commons License





124 Responses to “Ajax loading animated gif”

Roberlan BorgesNo Gravatar says on

very cool gifs
:-)

Robert HorvathNo Gravatar says on

really nice icons! i like them :)

jineshNo Gravatar says on

this is perfect for making one of those fake preloaders :)

jeffNo Gravatar says on

Are these free or is there copyright on them?

baldoNo Gravatar says on

original creation are totally freeeeeeeeeeee!!

Richard whiteNo Gravatar says on

The red one is pretty cool, can you make a bit bigger version of it.. like 14×14?

PakaiNo Gravatar says on

cool gifs…not to mention cool website

hNo Gravatar says on

hh

AdamNo Gravatar says on

Ty for the .gif, love the site template

Yet Another Blog from Luar » Reminds for Beginner Who Start Trying Ajax says on

[...] Animated Gif Stop Animated gif are always used as activity indicator (you can find some Ajax loading animated gif here, here). But sometimes it will stop animate. It happens in IE, when a JavaScript is called, animated gif will stop, solution can be found here. For Safari, animated gif used as background image, it will not animate.   [...]

jiangws » Blog Archive » Ajax loading animated gif says on

[...] SanBaldo » Blog Archive » Ajax loading animated gif: [...]

El utilitario » Gifs animados de cargando - loading says on

[...]   En la web Sanbaldo.com hay una serie de iconos de cargando que vendrán muy bien para sustituir la palabra “loading”. [...]

Ajax : анимированные гифы для индикаторов активности dikiy.com says on

[...] ajax Progress indicators, ajax activity indicators, ajax loading animated gif, ajax loading animated images. Анимация никогда не теряла актуальности : http://www.napyfab.com/ajax-indicators/ http://www.sanbaldo.com/wordpress/1/ajax_gif/ http://mentalized.net/activity-indicators/ [...]

Juglar :: Iconos :: January :: 2006 says on

[...] Iconos en Hideout The Iconfactory Bullet Madness - free bullets project at Stylegala everyday icons Open Clip Art Nicu’s Clipart Collection IconMaker 300 Images From 1800 Sites graphicPUSH InterfaceLIFT: Newest Windows XP icons Free Corporate / Business Graphics, Icons, and Clip Art Bartelme Design Yellow Icon Pixelgirl Presents duckfarm.net | icons CrystalXP.net Mini Icons | urlgreyhot FOOOD’s Icons Drunkey Love Icons e-lusion: Icon Development Free Vista Icons plasticshore.com / icon eclipse-icons Intenta: Iconos Aceptar famfamfam.com: Icons Yellowlane Chibi Icons: demasiada Cafeína strawbee » Blog Archive » Tiny Little Icons yukei.net > Iconos para weblogs Tango Icon Gallery - Tango Desktop Project WebsiteIcons.com/ Paul Armstrong Designs - Portfolio - Graphics David Lanham PngFactory Pixeley | Portfolio | el73 Free! Icons for your website or application at MaxPower SanBaldo » Blog Archive » Ajax loading animated gif AJAX Activity Indicators deviantART CustomXP.net - Logithèque [...]

johnNo Gravatar says on

Fantastic!

webthreads.de - a web development weblog » Blog Archive » Ajax Aktivitätsanzeige generieren lassen says on

[...] Mittlerweile sind solche Aktivitätsanzeigen schon fast normal geworden und auch in den unterschiedlichesten Varianten zu finden. Vom einfachen Text bis zu animierten Grafiken ist alles vertreten. So war es auch nur eine Frage der Zeit bis einzelne Sammlungen von Aktivitätsanzeigen auftauchten. Aber bis dahin war das eigentlich immer noch kein Bericht wert bis nun auch endlich die erste “Web 2.0″ Anwendung erschienen ist um eine Ajax Aktivitätsanzeige dynamisch zu generieren: ajaxLoad [...]

TecnoMovidas.net » Blog Archive » Gifs Animados para indicar que se esta cargando (AJAX) says on

[...] Para indicar que se esta cargando en AJAX o en una web convecional, efecto similar al Flash. Buscar vuestros gifs aqui, aqui o aqui. [...]

webthreads.de - a web development weblog » Blog Archive » Ajax Aktivitätsanzeige generieren lassen says on

[...] Mittlerweile sind solche Aktivitätsanzeigen schon fast normal geworden und auch in den unterschiedlichesten Varianten zu finden. Vom einfachen Text bis zu animierten Grafiken ist alles vertreten. So war es auch nur eine Frage der Zeit bis einzelne Sammlungen von Aktivitätsanzeigen auftauchten. Aber bis dahin war das eigentlich immer noch kein Bericht wert bis nun auch endlich die erste “Web 2.0″ Anwendung erschienen ist um eine Ajax Aktivitätsanzeige dynamisch zu generieren: ajaxLoad [...]

imagesafari clip blog » Blog Archive » Ajax loading animated gifs says on

[...] Link [...]

LevySoft » Blog Archive » Novanta tutorial, loader e badge Ajax says on

[...] Max Kiesler ha pubblicato un elenco di trenta tutorial e demo per implementare AJAX per piccole funzionalità od effetti e successivamente un elenco di altri sessanta tutorial sempre sullo stesso argomento. Io, intanto, tramite downlaodblog, vi segnalo una piccola applicazioncina web che permette di crearsi dei piccoli loader personalizzati per le vostre applicazioni ajax enabled: AjaxLoad. Tramite AjaxLoad è possibile stabilire il colore di sfondo e quello del cursore e di generarlo successivamente come gif animata. Il tutto ovviamente nell’interfaccia più web-2.0 possibile, con tanto di badge “beta version”. Per i più pigri vi segnalo due siti che raccolgono una serie di gif animate web 2.0 per avere, senza problemi, il proprio indicatore di attività Ajax: Napyfab e Mentalized.net. Infine, per rendere la propria applicazione 100% Ajax Enabled, il sito AjaxLessons.com ci propone un bel tutorial su come creare il proprio Badge Web 2.0 con Photoshop, magari per creare l’oramai diffuso badge colorato con la scritta “beta version”! Un altro interessante tutorial ce lo propone il blog di Bartelme Design: qui potete vedere la prima parte e la seconda parte della creazione di una “spilletta” colorata sempre con Photoshop. Per finire, per essere sempre aggiornati sul mondo ajax e sul web 2.0, vi segnalo Ajax Blog. un aggregatore dei migliori Blog che parlano di Ajax (ancora tutto in inglese, ma a breve dovrebbe iniziare a leggere i feed anche di siti italiani del settore, come OnAjax). UPDATE: Una dimenticanza non da poco sarebbe quella di non segnalare le gif animate di San Baldo (giunto alla release 2.0 del suo blog!) : ne trovate alcune molto carine qui e qui! [...]

birdieNo Gravatar says on

Nice site. Thank to work…

hahaNo Gravatar says on

is this like a peice of poo?

genthoNo Gravatar says on

Thank you .. :)
you’re very kind ..

jrhowardNo Gravatar says on

Thank you very much. That saved us graphically challenged people from having to reinvent the spinning doodad.

MathieuNo Gravatar says on

Thanks man! Having a loading animation is sooo important when developing with AJAX. And your animations are perfect.

ThankfulNo Gravatar says on

Thank you.

EnricoNo Gravatar says on

thanks!! i used the big one! :)

ChrisNo Gravatar says on

Ive used on my site and they work a treat!

Pistachio Monkey Blog » links for 2006-08-11 says on

[...] SanBaldo » Blog Archive » Ajax loading animated gif (tags: loading animations) [...]

Hana’s blog » Free Activity Indicator Images for AJAX says on

[...] Another one , but not sure if free to use. http://www.sanbaldo.com/wordpress/1/ajax_gif/ And here is my implementation. Ajax [...]

JamboemmNo Gravatar says on

Cheers m8

WesNo Gravatar says on

Very cool. Just what I was looking for! Thanks!

ensiNo Gravatar says on

thnx man!

gilesNo Gravatar says on

grazie signore! these are very handy.

David RussellNo Gravatar says on

This is wonderful, thanks

markNo Gravatar says on

Very nice. Thanks!

Chris JohnsonNo Gravatar says on

Thank you, this is just what I needed!

StefNo Gravatar says on

Thanks for mini red - lovely.

baldoNo Gravatar says on

:)

wcNo Gravatar says on

Thanks. This is what i am looking for. :)

HelderNo Gravatar says on

This is 1 copy !

Please, visit this website: http://www.ajaxload.info

LFMAO ! ROTFL !

baldoNo Gravatar says on

well.. really ajaxload copied me and some others site that offers gif icons for ajax loading messages..

FernandoNo Gravatar says on

Very cool the gifs! I’ve use the Tiny Red in a web project…
congratulations for the site and the gifs

baldoNo Gravatar says on

thanks fernando :)

Tvorba stránokNo Gravatar says on

Nice, very nice… you brought useful stuff, man…. thanks a lot!

AnjaneshNo Gravatar says on

Excellent post ! Was searching for this and google indexed this page real well.

If I need to make one of these how do I go about making it animated ? Any common free tool out there ?

AnjaneshNo Gravatar says on

How do we get something like these ?

http://www.srts.net/tickets365/js/loading.gif
http://www.swiss-music-export.com/images/loading-animation_blau.gif

Are these free to use ?

baldoNo Gravatar says on

well.. icons on my post are free..
don’t know nothing about the icon you posted.. but i can work on it..

baldoNo Gravatar says on

@48: you should use imageReady to create or modify an animated gif..

Mike B.No Gravatar says on

Thank you so very much for these animated gifs. They are excellent AND free… what more could you ask for?

JorgeNo Gravatar says on

http://www.ajaxload.info/, here you can get more customizable AJAX loading. you should try it too.

PunokioNo Gravatar says on

Very nice man
thanks a million

YubiNo Gravatar says on

Thanks for putting the images out.

jayarajaNo Gravatar says on

hi…guys…
you can generate your own ajax load online
http://www.ajaxload.info
you can get it here

Daniel UlczykNo Gravatar says on

Excelente!

SabotagerNo Gravatar says on

Its really cool… thanks for sharing it on the web and for free,
for the AJAX lovers.. CHEERS

Shabu AnowerNo Gravatar says on

Thanks for shareing, I love ajax :)

Koji from japanNo Gravatar says on

Thanks.
very cool!

Oracle BooksNo Gravatar says on

Thanks for producing these icons.

Is it ok if I borrow and use them for my ajax projects? Thanks

baldoNo Gravatar says on

@oracle books: sure u can!

DennisNo Gravatar says on

Thanks man, really useful!

EugeneNo Gravatar says on

Cool icons

gdNo Gravatar says on

many thanks for icons.

EugeneNo Gravatar says on

I like rotating arrows

RomanNo Gravatar says on

Thanks man, really useful!

DmitriyEchoNo Gravatar says on

Thanks a lot!!

drumrockNo Gravatar says on

Thank you for collecting all of these animations! :-)

Roman FrolinNo Gravatar says on

I like arrows ;-) use them on my blog.

AlexNo Gravatar says on

Thanks. This is what i am looking for.

enternetNo Gravatar says on

Thanks!

YaroslavNo Gravatar says on

Thanks, cool ico, i use it

yoNo Gravatar says on

really nice thx

Центр дистанционного обучения Kursy.RuNo Gravatar says on

Thank you, really useful icons!

WebMasterNo Gravatar says on

I like ajax and firefox! Thanks for collecting icons!

AndrewNo Gravatar says on

Rotating arrows is very cool, Thanks !

nicolasNo Gravatar says on

Ajax loading animated gif
Make your own Ajax loading indicators with http://www.webscriptlab.com

Web DesigningNo Gravatar says on

Very helpfull in web designing.

YashNo Gravatar says on

Nice gifs..Thank you

fernandoNo Gravatar says on

Sólo puedo dar gracias al aporte, me es de gran ayuda.

ob1No Gravatar says on

Nice for gif thank

baldoNo Gravatar says on

I’m happy to help!

fak3rNo Gravatar says on

Good post, I’m using Rotation on my personal homepage now since I reworked it. I do hate it when I see a great post, only to have it stolen:

http://sachinkraj.wordpress.com/2007/04/16/animated-gifs-for-ajax-loading/

Posted b/c I appreciate your work.

купить сайтNo Gravatar says on

Rotating arrows is very cool :)

steveNo Gravatar says on

thanks! soooo sweet

Skischule Bayerischer WaldNo Gravatar says on

nive ani !

Hotel BayernNo Gravatar says on

great gif’s

Hotel Bayerischer WaldNo Gravatar says on

very helpfully thanx

subhasNo Gravatar says on

really nice … thanks man

NickNo Gravatar says on

Useful stuff. Thanks.

SkischuleNo Gravatar says on

nice stuff, great

WellnesshotelNo Gravatar says on

great work.. respect.

Chris CoyierNo Gravatar says on

Perfect. Been looking for one of these to use.

WellnesshotelNo Gravatar says on

Very cool the gifs! I’ve use the Tiny Red in a web project…
congratulations for the site and the gifs

BaldoNo Gravatar says on

thank you Wellness :D

PerumalNo Gravatar says on

Great Gifs these are the one i was searching for.

Jeff TennessenNo Gravatar says on

Great animations! I used green rotate in one of our AJAX intranet apps and it fills the need perfectly. I really appreciate your generosity in making this available. Keep up the good work!

caraudio.blog.com/No Gravatar says on

Thanks for producing these icons.

Is it ok if I borrow and use them for my ajax projects? Thanks

BaldoNo Gravatar says on

caraudio, take anything u want :P

SujeethNo Gravatar says on

Hey beatiful creations… Loved all of them..

DNo Gravatar says on

Nice ones. I was looking for some sort of rotating animation to be used for the loading sequence in a flash project I am working on. Too lazy to make one on my own.

Thanks for sharing these.

R.TurkNo Gravatar says on

I like it very much
thanks

Website design pakistanNo Gravatar says on

Can i have this animation with black background????

BaldoNo Gravatar says on

pakistan, what gif do you need?

DKNo Gravatar says on

Wonderfull icons. I will need them all. Fortunately I got to your site in just one search.

WebTenetNo Gravatar says on

Nice icons.

Güzel ResimlerNo Gravatar says on

Nice icons thanks !

BaldoNo Gravatar says on

guzel, thanks :S

next year I will add some icons!

Thank you very much!No Gravatar says on

Your animated gifs are exceptional great work! They are exactly what i need for my web application! Thanks again,baldo!
______________________________
http://www.factscollection.com

last minute urlaubNo Gravatar says on

good animation

NappeNo Gravatar says on

Very nice GIFs! Thanks!!

Hotel Wellness Bayerischer WaldNo Gravatar says on

nice gif’s

jayarajaNo Gravatar says on

cool dude..
visit my site for more tech stuffs

adasNo Gravatar says on

Sux, all sites have this gifs for downloads. Make big imagens, or full transparent gifs.

hate 3.5

WackelbilderNo Gravatar says on

Good work !!!

play free bingo gameNo Gravatar says on

great site nice gifs but i think more people are using swf now for animation and thats a shame

oyun sitesiNo Gravatar says on

thanx man

yeni oyunNo Gravatar says on

good work thanks man?

Wellness BeraterNo Gravatar says on

hard work to create this gifs but the result is very good.

Greetings Wellness Berater

Wellness UrlaubNo Gravatar says on

Baldo you gifs are very nice, thank you for the work

Best Regards Wellness Urlaub

Wellness UrlaubNo Gravatar says on

Baldo you gifs are very nice, thank you for the work.

Best Regards Wellness Urlaub

ronnieNo Gravatar says on

thanks a BAG!

DanNo Gravatar says on

Thanks for the tiny one! I could have used black, but you’d be surprised how difficult it has been to come by one less than 16×16!

Dans last blog post..Age From Birthday Calculator

NamrataNo Gravatar says on

Nice gifs…this is what i was looking for ..Thanks

online shoppingNo Gravatar says on

Interesting how VISTA has taken use of the Firefox 1.5 busy icon and now employed it into the entire operating system. I suppose you can’t really ‘copyright’ a busy icon – and there may be some sort of merit in saying that certain busy icons tend to work better than others, both in the way they communicate to the user and their easiness on the eye. It seems that the Firefox one has certainly become some sort of industry standard.

Leave a Reply

***