HTML5 <progress> 태그는 무엇을 의미하나요? HTML5 <progress> 태그의 기본 사용법에 대한 자세한 설명-H5 튜토리얼-php.cn

HTML5 태그는 무엇을 의미하나요? HTML5 태그의 기본 사용법에 대한 자세한 설명

寻∝梦

풀어 주다： 2018-08-16 17:39:56

원래의

4086명이 탐색했습니다.

HTML5 태그는 무엇을 의미하나요? HTML5 콘텐츠의 기본 용도는 무엇입니까? 이 글에서는 HTML5 태그가 무엇인지, HTML5 태그의 기본 속성과 이러한 속성의 기본 사용법을 소개합니다.

먼저 HTML5 이해레이블의 의미:

레이블은 작업의 진행 상황(프로세스)을 나타냅니다.

HTML에서 태그는 실행 중인 작업의 진행(프로세스)을 정의하는 데 사용됩니다. 태그는 작업 진행 상황을 표시하기 위해 JavaScript와 함께 사용되는 경우가 많습니다. 태그는 도량형 표시에 적합하지 않습니다. 일반적으로 태그가 사용됩니다.

태그 기본 속성:

max: 완료해야 하는 값을 지정합니다(값: 숫자).

value: 프로세스의 현재 값을 지정합니다(값: 숫자).

태그는 html 전역 속성과 html 이벤트 속성을 지원합니다

형식:

1 2	`<progress value="当前值"` `max="目标值">` `</progress>`

로그인 후 복사

예는 다음과 같습니다.

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>html5< progress>标签笔记_PHP笔记</title>
</head>
<body>
上传进度：
<progress value="49" max="100">
</progress>
</body>
</html>

로그인 후 복사

# 🎜🎜#

실행 결과:

HTML5 <progress> 태그는 무엇을 의미하나요? HTML5 <progress> 태그의 기본 사용법에 대한 자세한 설명

태그 노트 html No. 1" title="html5< 진행률>태그 노트 html 그림 1 - Guo Ge의 메모" >Tag Notes" alt="" width="469" style="max-width:90%" />

HTML5태그 속성 :

HTML5 <progress> 태그는 무엇을 의미하나요? HTML5 <progress> 태그의 기본 사용법에 대한 자세한 설명

진행 중인 다운로드 인스턴스:

1	`<progress value="22"` `max="100"></progress>`

로그인 후 복사

HTML5 태그

<html>
<dead>
<meta charset="UTF-8">
<style type="text/css">
</style>
<script>
function test(){
var kk = document.getElementById("pro1");
   kk.value=kk.value+1;
}
</script>
</dead>
<body>
<progress value="10" max="100" id="pro1"></progress>
<script>
var s= self.setInterval("test()",1000);/*使用window自带的函数 setInetrval来重复执行test函数
实现progress的value值得自增长，模拟progress的使用*/
</script>
</body>
</html>