Progress indicators

Here my collection of GIF animated progress indicators. At the end of the page I have also some CSS and ASCII-art animations.

( Apple-like | Segmented | Arrows | Dots | Piped Line | Assorted | CSS Animations | ASCII Art )

Apple-like

Example Source Description
progress apple.com Ripped from apple.com
progress twitter From Twitter
progress Facebook Ripped from the Spotify play button from Facebook
progress WreckTheDirt From Wreck the Dirt
progress 5min From 5min video site.
progress GitHub From GitHub
progress Mac OS X Default wait indicator on Mac OS X
progress SedoParking Via overschotje
progress Amazon Ripped from Amazon calculator
progress vakantievaren Ripped from HISWA Vakantie Varen
progress GWT Ripped from the GWT showcase example
progress TNT Post Het vraag stellen scherm van TNT Post
progress AtWorx van de site ATWORX
progress schiphol From flight finder at Schiphol airport
progress PhotoPrintIt From the site Plus Supermarkt PhotoPrintIt site.
progress stackoverflow The comment loader from stackoverflow
progress FSC Ripped from internal FSC site.
progress Mad From the blog of blog.madskristensen
progress startssl From the StartSSL Web Application (free SSL)
progress GIC From the Groninger Internet Courant.
progress Arriva From the Arriva site (but this one didn’t show)
spinner
NFL -
progress Telegraaf Spinner van de Telegraaf
progress Torrent Somewhere on some torrent site…
spinner
Okaphone From the Okaphone intranet
progress Tweakers From tweakers fancy image viewer (scaled to 40px).
progress PicLoud From PicLoud via search engine.
progress Dropbox From the Dropbox service
progress BASE From BASE
progress inc.com From inc.com
progress NRC From NRC Bezorgklacht module.
progress FrankBrownDelivers From the site Frank Brown Delivers (resized).
spinner Electronica Shop From the elektronica-shop.nl-website.
spinner
Readability From the Readability chrome extension.
progress PowerGen From PowerGen world wide..
progress Dejongintra Van de site http://www.dejongintra.nl/ vakanties
Amazon
Amazon Also ripped from Amazon calculator
spinner Vueling From the Vueling-website.
spinner MS Azure From the Microsoft Azure cloudservices website.
spinner ZaZi From the ZaZi-website.

Segmented

Example Source Description
progress IbanBic Ripped from the IBAN BIC Service
progress Nikon Ripped from the Nikon site.
progress GitHub Ripped from the GitHub file browser.
progress webex Ripped from the WebEx meeting center.
progress MS Ripped from an SQL Server Reporting Services installation
progress xs4all Via de xs4all service pagina's (bij uitloggen)
progress browserscope From BrowserScope
progress Google From Google Reader Play
progress
BearInHeaven Ripped from the Bear In Heaven website.
progress Tortoise From Tortoise Utopia (not TortoiseSVN).
koga From the Koga Signature website
progress OnlineLuisteren From OnlineLuisteren
progress justeat From the Just-Eat website
progress Google From Google’s WebApp’s store (install progress)
progress Google From Google’s 2-step verification
progress Google From Google’s instant preview feature
progress Google From Google’s cloud print interface
progress GitHub Ripped from the GitHub file browser.
progress Yahoo The first square one from My Yahoo!
progress Yunoo From Yunoo, a Dutch personal financial site
progress Ars Technica Shown on the Ars Technica formum, while loading comments
progress EyeDive From EyeDive, via Mentalized.
progress EyeDive From EyeDive, via Mentalized.
progress EyeDive From EyeDive, via Mentalized.
progress Koorong Via Google Image search on Koorong
progress GWT Ripped from the GWT Kitchen sink demo

Arrows

Example Source Description
progress Twitter From Twitter
progress markmail From the excellent MarkMail
progress Web Spinner of world of solitaire
progress YouTube From YouTube (dismiss subscription)
progress GitHub From GitHub
progress Yahoo Image taken from the Yahoo Mail beta (june 2007)
progress Twitter Image taken from the Twitter
progress Odify From Odify
progress RedTribe From Red Tribe
progress KidsData From Kids Data
progress Researcha From Researcha, via google image search
Plaxo From http://www.plaxo.com/
progress NoExp From No Expectations
progress Marktplaats Displayed when loading one of the images
progress TomTom Van de TomTom routeplanner
progress MS Van de Microsoft Home User Program.
progress Marktplaats Displayed when placing an ad (2010)
progress pul.ly From pul.ly

Dots

Example Source Description
progress MercadoLibre Via Mercado Libre.
progress GFX MS Auth GFX MS.
scrum From Scrum site, scaled with image crop and resize.
progress tripadvisor Via TripAdvisor.
progress eBay From eBay
progress MS From https://profile.microsoft.com/RegSysProfileCenter/wizard.aspx
progress BandCamp From the audio player on BandCamp
progress Groningen From the municipality of Groningen.
progress Afûk From the webwinkel fan'e Afûk.
progress Ceramics From some WordPress plugin on ceramics.org
progress AdWords From Google AdWords Netherlands
progress hypem From Hype Machine Zeitgeist 2010
progress Sync Fusion From sync-fusion.com.
progress Arriva From the Arriva site (shrunk, org. size 55×54)
progress DAS Das Keyboard site.
progress 5min From 5min video site.
progress Antwerps From Antwerps
progress DotSub From DotSub
progress JQuery From the JQuery UI demo page
progress Convolution http://chromium.googlecode.com/svn/trunk/samples/audio/convolution-effects.html
progress MercadoLibre Via Mercado Libre.
progress Omnium http://online.cofa.unsw.edu.au
progress backing Joy of backing
progress Knol Taken from [http://knol.google.com/]
progress SteamPacket From Steam Packet
progress YouTube From YouTube preferences
progress Firefox Wait indicator of the default Firefox skin
progress Computable Vergroten van een plaatje op http://www.computable.nl/
progress Google Reader Loading indicator of Google Reader. Also in use with Drupal.
progress Artifactory From Artifactory
progress NS NS Hi Speed website.
progress dotnetopenid From .NET OpenID‘s demo
progress asp.net From Microsoft’s Ajax toolkit
progress RTM From Remember the Milk
progress AH Van de AH winkelinformatie pagina
progress Guardian From the Guardian Detroit in ruins photo shoot loader.
progress Mentalized Circling balls, black, by Jakob Skjerning of Mentalized.
progress Mentalized Circling ball, by Jakob Skjerning of Mentalized.
progress amazon Taken from http://amazon.com/mp3
progress opensubtitles From the search of opensubtitles.org
progress MS From the hotmail.com change account page, or Live Search Maps
progress Anthem Wait indicator from 2005 examples of Anthem

Piped Line

Example Source Description
progress Here From Here (small)
progress Blue Wiki From the blue wiki
progress parallels From the control panel of Parallels Plesk.
progress tumblr From http://www.tumblr.com/
progress unknown Unknown, but also in use at jQuery UI theme roller site, when changing fonts
progress SAP From a in-company SAP HR Self Service installation
progress unknown Found in Internet Explorer's cache (same as previous, but different hash?).
progress EducationQuest From Know How 2 Go from EducationQuest.
spinner Amazon From Amazon
progress Amazon Amazon Snake, small version
progress lightbox Taken from Room Eleven (Lightbox)
progress Chrome From the Google Chrome download page (see also throbber design)
progress Contera From Kontera , in-text advertising.
progress Schradinova From Schradinova.
progress Ikea From Ikea website.
progress App Machine Loader from appmachine.com
progress FileServe From FileServe, while downloading some Pink Floyd.
progress VistaPrint From VistPrint, resized.
progress ClientApps From KickApps (this url via Google Image search).
progress JQuery UI From the JQuery UI Theme Roller site
progress Dyson From the Dyson website
progress MacUpdate From the MacUpdate promo site.
progress Here From Here (mid sized)
Vibrant Inline Vibrant add (trimmed with img-tool)
progress Philips From the Philips webstore.
progress
Codeplex From the Codeplex code browser, scaled with image crop and resize.
progress Ziggo From the Ziggo site

Assorted

Example Source Description
spinner BearInHeaven From the Bear in Heaven website.
spinner
distrify From a distrify movie player on the fotostrips.nl website.
progress Google From the Google Offers website.
progress Yelp From Yelp.
progress CoolBlue From the CoolBlue TV Store website (resized 50%).
progress susanbijl From the parachute handbag website.
progress video2mp3 From the video2mp3.net website.
progress SAP Taken from an internal SAP portal
progress DMT Spinning Spinner, from Digital Media Tree.
progress HEMA From the HEMA Fotoservice site.
progress AirBNB From the AirBNB site.
progress Facebook From Facebook.
progress Facebook From Facebook.
progress StraatkunstPrijs From Groningse Straatkunst Prijs.
progress SAP Taken from an internal SAP hour approval system
progress Msdn2 From the tree-control of MSDN Libraqry (resized to 32px)
progress vvv From the Dutch Tourism Information, vvv
progress jquery-lightbox From the jQuery-lightbox implementation used by inc.com
progress ext-js From the Sample site of Ext JS
progress NetValuator From netvaluator.com.
progress transavia From the Transavia website
progress PayPal From PayPal
progress
PayPal From paypal (via Steam) website, scaled with image crop and resize.
progress HP From the HP site.
progress Couch Surfing From the couch surfing site.
progress Source Gear From sourcegear.com.
progress
Steam From the Global Collect site (via Steam) website, scaled with image crop and resize.
progress BeachBall The much hated Beach Ball from Apple, found here.
progress iFixIt From the notes loader of iFixIt
progress wieowie From wieowie.nl
progress yfrog From yfrog
progress yfrog Idem. but small
progress quora From Quora.
progress sympac From Sympac site.
progress Hour glass Hour glass from an enterprise USD 12 ticketing system.
progress AbsRadio By AbsoluteRadio via Mentalized.
progress torrent I forgot where from. A torrent site?
progress
Drupal From the search bar of this drupal job site.
progress Flickr From Flickr
progress Flickr From Flickr, but smaller (same page)
progress Mentalized Circling squares with trailer, by Jakob Skjerning of Mentalized.
progress Mentalized Radar, by Jakob Skjerning of Mentalized.
progress Mentalized Scanner, by Jakob Skjerning of Mentalized.
progress Mentalized Kitt Scanner, by Jakob Skjerning of Mentalized.
progress Mentalized Expanding circle, by Jakob Skjerning of Mentalized.
progress Mentalized Hypnotize out, by Jakob Skjerning of Mentalized.
progress Mentalized Bouncing ball, by Jakob Skjerning of Mentalized.
progress bimhuis From the search bar of the BIMHUIS site.
progress jQuery From the jQuery Theme Roller (see the Spinner icons chapter).
progress iTunes From the iTunes “Connecting to the iTunes Store.” loader.
progress SuperUser From SuperUser, hovering over a tag.

Another page with lots of indicators: http://mentalized.net/activity-indicators/. Or just search by Google… Also: look on WikiMedia. Or generate your own with AjaxLoad.info. Or play with RafaelJs demo.

Other techniques

CSS animations

The following are pure CSS animations. Hover to pause the animation. Kilianvalkhof has some non-image spinners as well, but they use javascript for animation; not CSS. That's OK, but I'm not including them for this reason.

Example Source Description
ShareAholic WebKit animation; from ShareAholic (works in Safari, Chrome).
ShareAholic Idem., but active
ShareAholic Idem., but custom
Firefox From the skin of Firefox, with own CSS animation
Firefox From the skin of Firefox, with own CSS animation
37signals A scaling, CSS3-only (no images) spinner, from 37signals. Pretty cool.

ASCII Art

The following are ASCII art animations, animated with javascript.

Example Source Description
 ... Doekman Re-implementation what I once made in MS-DOS text-mode
 ... Doekman Re-implementation what I once made in MS-DOS text-mode
 ... Doekman ASCII-art implemenation of the new Backpack calendar progress indicator
 - Doekman Ligature animation. See also http://zanstra.com/my/