Html5 Progress Bar

7 Responses

1. Maxim McNair

   Throw together a coded version of Tanveer Junayed's shot utilizing the html5 progress tag and a splash of jquery for the animation. See the live version here.

   about 1 year ago

2. Dmitry Bukov

   Sweetie!

   about 1 year ago

3. Kevin Jannis

   Great job!

   about 1 year ago

4. Tanveer Junayed 

   @Maxim McNair :: BOOM...you did it man!!

   Update: Can you make it more exact mate? I meant that tooltip has an arrowdown, colors are little different and that dot on the front of the bar.

   update 2: Checked on chrome. Working great

   about 1 year ago

5. Gijs Rogé

   A simple "cursor: pointer;" to the buttons and its perfect, very nicely done :D

   about 1 year ago

6. Maxim McNair

   @Gijs Rogé Good point, updated.

   @Tanveer Junayed  Thanks. I've tried to get the half arrow down with just css, it's works best in chrome. Check out the updated version here.

   about 1 year ago

7. Oliver Sin

   very nice Maxim!

   7 months ago