HTML CSS JS 颜色渐变条代码示例

<!DOCTYPE html>
<html>
<head>
	<title>Color Gradient Bar</title>
	<style>
		.gradient-bar {
			height: 50px;
			width: 100%;
			background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
		}
	</style>
</head>
<body>
	<div class='gradient-bar'></div>
</body>
</html>