Mr Speaker

oadingL: The Magnificent Marquee Throbber

Allow me to introduce oadingL: The Magnificent Marquee Throbber! It's a state of the art, web2.0.1, content loading indicator (or "throbber", as they are known in the biz):


Wow. What you're witnessing, if you are using Chrome, Safari, and somewhat Firefox (no idea about IE) is four 16 pixel-wide marquee elements, wrapped in a 64 pixel-wide marquee element - travelling left - wrapped inside a 128 pixel-wide marquee element: travelling right. With just a dash of CSS for roundy edges.

If you feel the need to use (or better yet, improve on) this revolutionary techinque - the code is below. Notice, I've tried use as many of the old-school attributes as possible: that's why it doesn't work in Opera - they don't support bgcolor. Spoil sports...

#oadingL, #oadingL marquee { 
    font-size:1px;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
}

    
        
        
        
        
    

3 Comments

  1. FFUU!!

    Chrome started to use 80% of a Dual Core 2.5Ghz Macbook Pro.

    I </3 marquee. :p

    Sunday, January 23, 2011 at 8:59 pm | Permalink
  2. ha! too hip to test in IE these days?
    you probably won’t be surprised to know it doesn’t work :)

    Thursday, January 27, 2011 at 12:14 pm | Permalink
  3. You sir, are a danger to yourself and The Internet.

    — Anon.

    Monday, February 7, 2011 at 10:18 am | Permalink
Captcha! Please type 'radical' here: *
How did you find this thingo? *