首页 > 开发 > HTML5 > 正文

HTML5基础教程:progress标签使用实例

2024-09-05 07:18:34

字体：大中小

来源：转载

供稿：网友

网页制作Webjx文章简介：progress标签从名字上来看，估计大家也能猜到这个标签是什么标签了，没错，他是一个进度条。在HTML5中我们终于可以不用模拟了。

progress标签：
从名字上来看，估计大家也能猜到这个标签是什么标签了，没错，他是一个进度条。在HTML5中我们终于可以不用模拟了。
<progress id="W3Cfuns_progress" max="100"></progress>
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>

上一篇：HTML5实例教程：figure标签使用实例

下一篇：HTML5基础教程：mark标签使用实例

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注