Css

Search

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>

Comment

PREVIOUS	NEXT

Code Example
Css :: input rtl html
Css :: create notification badge in css
Css :: style rule that expands the element to cover any floating content within the element
Css :: css background linear gradient transparent
Css :: css change background color of page
Css :: change color accordion arrow bootstrap 5
Css :: soup css selector
Css :: not checked css
Css :: make web page float to center of page
Css :: sass loops
Css :: css border radius not working
Css :: center image
Css :: javavscript use .filter to return odd numbers in an array
Css :: css right
Css :: div overlfow scroll
Css :: text indent css
Css :: css user-select
Css :: select first div css
Css :: move bullets in css
Css :: Capitalize the first letter of string using CSS
Css :: css opacity from 0 to 1
Css :: use css in cshtml
Css :: what port does wss use
Css :: width not responding to css in table
Css :: button highlight none css
Css :: css for disabled button
Css :: css no purple links
Css :: media query for mobile min and max width both
Css :: tailwind css installation
Css :: wkhtmltopdf remove thead repeating

Search

CSS

progress bar color change css

ADD CONTENT