Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

progress bar color change css

<!DOCTYPE html>
<html>

<head>
	<title>
		How to Set Background Color of
		Progress Bar using HTML and CSS?
	</title>
	<style>
	
		/* For Firefox */
		progress::-moz-progress-bar {
			background: green;
		}

		/* For Chrome or Safari */
		progress::-webkit-progress-value {
			background: green;
		}

		/* For IE10 */
		progress {
			background: green;
		}
	</style>
</head>

<body>
	<h1 style="color:green;">
		GeeksforGeeks
	</h1>

	<h4>
		Set Background Color of Progress
		Bar using HTML and CSS
	</h4>

	<progress value="40" max="100"></progress>
</body>

</html>
 
PREVIOUS NEXT
Tagged: #progress #bar #color #change #css
ADD COMMENT
Topic
Name
5+6 =