If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

I used only generic css 3 and -webkit- css 3 properties. Includes curved corners via border-radius (css 3 only, no -webkit- or other proprietary -whatever- properties). Changed the length and left position of the progress bar to fit with the rounded corners, as well as its color and the color of the tooltips.

Issues:

Still gets messed up in Opera after about two cycles.

In Chrome and Opera, I can't seem to get the border radius to act like a crop during transitions (works well in IE and Firefox).

I think I see how you are doing this, but I am trying to make the image number 4 and am having a very difficult time figuring out how to make it work. I have deleted cyclefive in all the places I could find but still have a blank spot show up with the progress bar on it's own. I thought maybe there is a progress bar fifth cycle so to speak and attempted to modify those numbers and rows of number and just broke it. Can you help me? Thanks!!