CODEWITHSUNDEEP
csshtml
priya
priya

Reputation: 539

Webkit gradient background-gradient in html5 progress bar?

In an attempt to color the inside of the progress bar I use the below code:

progress::-webkit-progress-bar-value {
  background-color:-webkit-gradient(linear,left bottom ,left top,from(#C6E6E6),to(#D1E4E6)) ;
}

However the gradients do not work, Only simple colors.

Upvotes: 1

Views: 1430

Answers (1)

Hailwood
Hailwood

Reputation: 92641

Try 

progress::-webkit-progress-bar-value {
  background:-webkit-gradient(linear,left bottom ,left top,from(#C6E6E6),to(#D1E4E6)) ;
}

background instead of background-color and webkit instead of weblit.

Upvotes: 2

Related Questions