Answers for "html progress bar change color based on value"

0

how to change progress tag bar color in html

progress::-moz-progress-bar { background: black; }
progress::-webkit-progress-value { background: black; }
progress { color: black; }
Posted by: Guest on September-30-2021
0

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>
Posted by: Guest on May-06-2022

Code answers related to "html progress bar change color based on value"

Browse Popular Code Answers by Language