HTML<progress>属性

/ / HTML<progress>属性

HTML <progress>标签指定任务的完成进度。它显示为进度条。progressbar的值可以由JavaScript操纵。

progress示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Progress Tag</title>
   </head>

   <body>
      <h1>Student's Intelligence level</h1>
      <progress value="80" max="100"/>
   </body>

</html>

这将产生以下结果-

全局属性

此标签支持- HTML属性参考 中描述的所有全局属性。

特定属性

HTML <progress>标签还支持以下其他属性-

Attribute Value 描述
max html-5 max 它应该具有大于零的值和有效的浮点数。
valuehtml-5 value 指定已完成多少任务。它应该是介于0和max之间的浮点数,如果省略max,则应该是0和1。

事件属性

此标签支持- HTML 中所述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)

精选教程推荐

👇 以下精选教程可能对您有帮助,拓展您的技术视野

AI 大模型企业前沿实践 -〔极客时间训练营〕

程序员职业规划手册 -〔雪梅〕

结构执行力 -〔李忠秋〕

Vue 3 企业级项目实战课 -〔杨文坚〕

微信小程序全栈开发实战 -〔李艺〕

后端存储实战课 -〔李玥〕

Go语言从入门到实战 -〔蔡超〕

Java核心技术面试精讲 -〔杨晓峰〕

邱岳的产品手记 -〔邱岳〕

📝 好记忆不如烂笔头,留下您的学习笔记吧!

暂无学习笔记,成为第一个分享的人吧!

您的笔记将帮助成千上万的学习者