H5之进度条progress与度量器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--进度值:max:最大值 value:当前进度值-->
		<progress max="100" value="50"></progress>
		<!--度量器
			衡量当前的进度值
		high规定的较大值
		low:规定的较低的值
		max min value-->
		<meter max="100" min="0" high="80" low="30" value="50"></meter>
		<meter max="100" min="0" high="80" low="30" value="20"></meter>
		<meter max="100" min="0" high="80" low="30" value="90"></meter>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_43727391/article/details/84197743