go 获取 html 标签中的文本_关于HTML中progress标签的定义及用法汇总!


本文摘自网络,作者,侵删。

参考链接: HTML meter标签

Progress标签可以帮助我们轻松创建一个进度条,对于Web前端开发人员来说是非常有用处的,所以掌握好Progress标签的用法对于前端开发人员很重要。下面,小编就为大家分享在HTML中Progress标签的详细用法。

 “Progress”作为英文单词有“进程、前进”的意思,那它作为HTML中的标签又充当什么样的角色呢?我们一起来跟着我来看看HTML中Progress标签的定义及用法!

 

 

  

 

 一、Progress标签定义及用法

 在HTML中,Progress标签是HTML5中新增的标签,是使用来定义运行中的任务进度/进程,通常和JavaScript一起使用来实现进度条。

 Progress标签不使用来表示度量衡(如:磁盘空间使用情况或相关的查询结果)。如果需要表示度量衡,我们通常会使用meter标签。

 二、Progress标签定义及用法

 <Progress value="当前值" max="需要完成的值"></Progress>

 说明:

 Progress标签虽然是双标签,但是标签中的内容不显示。Progress标签如果不设置任何属性,不同的浏览器运行有不同的效果,大家可以试试。

 三、Progress标签属性

 max:规定需要完成的值;value:规定进程的当前值;

 四、实例

 <!DOCTYPE HTML><HTML><head>

 <meta charset="utf-8" />

 <title>HTML5中Progress标签(进度条)的详细介绍</title>

 </head>

 <body style="background-color: bisque;">

 <h3>Progress标签演示</h3>

 <Progress value="50" max="100"></Progress><br>

 <Progress value="100" max="100"></Progress><br>

 <Progress value="10" max="200"></Progress><br>

 <Progress value="150" max="200"></Progress><br>

 </body></HTML>

 运行结果:

 

 

  

 

 结合JavaScript来动态改变Progress标签的value属性值,就可以实现进度条了。所以想要成为一名合格的web前端工程师,需要不断的学习。



本文来自:51CTO博客

感谢作者:wx592a7561e9493

查看原文:go 获取 html 标签中的文本_关于HTML中progress标签的定义及用法汇总!

相关阅读 >>

Golang 内存泄露的原因

使用viper读取nacos配置(开源)

Go微服务入门到容器化实践,落地可观测的微服务电商项目

Golang在日志中打印堆栈信息

Golang 底层也用 Golang 吗?

vim安装Go插件vim-GoGocode,支持代码高亮、代码提示和语法检查等功能

一文看懂web后端开发

[Go-linq]-Go的.net linq式查询方法

Go语言怎么将整数转化为浮点数

Golang 获取三种不同的路径方法(执行路径,项目路径,文件路径)

更多相关阅读请进入《Go》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...