Jump to content

styling <progress> in chrome


funbinod

Recommended Posts

I was trying to style <progress> bar. and I wrote this for IE---

progress {	color:#F00; background-color:#EFD259; height:30px; border-radius:10px; border:2px solid #FFF;}

then I wrote this for chrome---

progress::-webkit-progress-bar {	color:#F00; background-color:#EFD259; height:30px; border-radius:10px; border:2px solid #FFF;}

it worked fine for IE. but for chrome it only shows block. the progress bar doesn't progress. i'm using chrome version 39

 

here is the try

http://jsfiddle.net/vnm6mbae/

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...