CSS button with animation

IN PROGRESS
Bids
9
Avg Bid (USD)
$42
Project Budget (USD)
$30 - $250

Project Description:
I need a few CSS buttons with the following properties, all should be defined by CSS;

Different button id's, wich will have different color theme,
Active button style
Mouse over button style
Disabled button style

Pretty basic, something like http://brandonsetter.com/demos/CSSSprit-SlideButton/index.php

However, here's the important part;

When a button is pressed, it should set all other buttons to disabled state, ie, not clickable, (for example a bit greyed out)
AND, the pressed button should transistion from left to right, like a progress bar, and when transition is done, re-enable all other buttons again.This can also be acheived by implementing a small progressbar under the pressed button.

The time for this transition (how many ms it will take for the transition to go from left to to right) will be defined in the id for that particular button.

So, say that we have 10 different buttons, all with differnt text on them, when on button is pressed that have a time setting of 1500ms, the transition of that animation will last for 1.5s and all other buttons will be in disabled state for the same time period.

Need someone pretty skilled working with CSS3 for making this working as wanted.

Please don't only give a bid and assure it can be done, please also acknowledge that you have understood the concept of this.

Thanks!

When a button is pressed, it should

Skills required:
CSS
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 50
in 1 days
$ 50
in 1 days
$ 40
in 1 days
$ 35
in 1 days
$ 40
in 1 days
$ 30
in 1 days
$ 50
in 2 days
$ 30
in 0 days
$ 50
in 2 days