提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

HTML5页面元素progress和meter标记的应用

html5应用 页面 元素 标记 progress
2023-09-27 14:22:47 时间

样式

在这里插入图片描述
代码

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="author" content="huyiwei">
		<meta name="generator" content="HBuilder X">
		<title>
			HTML5页面元素progress和meter标记的应用
		</title>
		<script type="text/javascript" src="html5shiv.js"></script>
		</head>
	<body>				
		<p>
			<strong>
				文件下载进度：
			</strong>
			<progress value="22" max="100">
				设置属性
			</progress>
		</p>
		<p>
			<strong>
				空进度条：
			</strong>
			<progress>
				未设置属性
			</progress>
		</p>
		<p>
			<strong>
				服务器CPU使用情况：
			</strong>
			<meter value="0.3" high="0.9" low="0.1" optimum="0.5">
				3/10
			</meter>
		</p>
		<p>
			<strong>
				内存使用情况：
			</strong>
			<meter value="0.6" max="1" min="0" optimum=".75" >
				60%
			</meter>
		</p>
		<p>
			<mark>
				注释：
			</mark>
				IE9以及更早的版本不支持progress、meter 标记。
		</p>
	</body>
</html>

相关文章