초보개발자의 성장블로그
HTML 40 <meter> 태그와 <progress> 태그
프론트엔드/HTML2021. 4. 3. 14:50
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
<h3>학습량그래프</h3>
홍민성: <meter min="0"max="100"optimum="50"value="60">60 out of 100</meter><br>
송지효: <meter low="0.3"hign="0.5"value="0.22">22%</meter><br>
이민정: <meter low="0.25"high="0.75"optimum="0.8"value="0.2">20%</meter>
<p></p>
<h3>작업진행율</h3>
초기작업: <progress value="22"max="100"title="진행율">22%</progress><br>
중간작업: <progress value="0.77"max="1">77%</progress><br>
다음작업: <progress value="0.98"max="1">98%</progress><br>
</form>
</body>
</html>'프론트엔드 > HTML' 카테고리의 다른 글
| HTML 43 <iframe> 태그 (4) | 2021.04.03 |
|---|---|
| HTML 42 <div> 태그와 <span> 태그 (0) | 2021.04.03 |
| HTML 39 <form>태그 초기화 양식 만들기 (2) | 2021.04.03 |
| HTML 38 <form> 태그 제출 양식 만들기 (0) | 2021.04.03 |
| HTML 37 <form>태그 POST방식 (0) | 2021.04.03 |
댓글()