Hey all,

I am trying to learn myself some front end web programming and I am running into some walls. I have experience in Action Script 3 and I am trying to convert some things I have done into html/css/javascipt/jquery, etc...

I have a roll over animation effect that I want to replicate. Its a bar that slides back and forth as well as changes length and color. I have uploaded a screen cap to youtube for better reference as to what I mean. Never mind the big gray square in it. lol

I am wondering if anyone can show me how this would be done in jQuery, if at all possible? All I need is an example and I can learn how its done.

I will appreciate any help I can get. Thank you in advance.

video url: http://www.youtube.com/watch?v=hVDIa...ature=youtu.be