Ajax Loading/In progress state for buttons

Created by: brennanmceachran

I am firing off some ajax calls once a user clicks a button... I'm sure quite a few people here are doing the same thing.

I thought it would be useful to have a "loading" or "waiting" state for buttons (So the user knows something is happening).

I believe the only cross browser way of handling this is with some background images, but Bootstrap is a CSS only framework. I've attempted some CSS3 animations for the buttons.

Check that out here: http://jsfiddle.net/brennan/mcYKE/

What are your thoughts on this?