Rumah >hujung hadapan web >html tutorial >HTML5之progress标签的应用
HTML5之progress标签的应用
- 黄舟asal
- 2017-07-08 13:59:031542semak imbas
progress标签：
从名字上来看，估计大家也能猜到这个标签是什么标签了，没错，他是一个进度条。在HTML5中我们终于可以不用模拟了。
<progress id="W3Cfuns_progress" max="100"></progress> Powered by W3Cfuns.com
progress属性：
value：表示当前进度
max：表示总进度
注：value和max属性的值必须大于0，value的值小于或等于max属性的值。
案例：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5每日一练progress标签的应用</title>
</head>
<body>
<h1>W3Cfuns-HTML5每日一练progress标签的应用</h1>
<p>完成百分比：<progress id="W3Cfuns_progress" max="100"></progress></p>
</body>
</html>Atas ialah kandungan terperinci HTML5之progress标签的应用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：HTML5中的进度条progress元素简介及兼容性处理Artikel seterusnya：html中的进度条<progress>标签的应用