HTML 태그 - progress
본문
HTML 태그 - progress
<progress>태그는 작업이 진척되는 정보를 보여줄 때 사용합니다. html5에 추가되었습니다.
속성
max : 전체 작업량을 숫자로 표시합니다.
value : 전체 작업량 기준으로 현재 작업량을 숫자로 표시합니다.
샘플
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="코리아뉴스" />
<title> html공부 </title>
<link rel="stylesheet" type="text/css" href="default.css" / >
<style type="text/css">
body {
color:red;
}
</style>
</head>
<body>
<section>
<h1>progress태그</h1>
<progress value="80" max="100"> 80% </progress>
</section>
<div id="related">
<p>영역 </p>
</div>
<footer>
<address> 전화 : 031-574-3659, E-mail : master@koreanews.com </address>
Copyright ⓒ 2013 Koreanews co., All Rights Reserved.
</footer>
</body> </html>
- 이전글HTML 태그 - q 14.12.11
- 다음글HTML 태그 - pre 14.12.11