반응형
안녕하세요.
html5에서 사용자에게 진행 상태를 보여주는 <progress> 태그를 사용할 수 있습니다.
작업이나 요청의 시간, 상태를 나타납니다.
<progress> 태그는 속성을 사용합니다.
-value: 부동 소수점을 사용합니다. 0~설정값 사이로 지정합니다.
-max: 범위를 지정합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com html5 progress 태그 상태 바 진행 소스 코드 예제</title>
<style>
body {
background-color: #9adaca;
}
</style>
</head>
<body>
<p>codeomni progress 태그</p>
<progress value="77" max="100"></progress>
</body>
</html>
|
▲ 실행 화면입니다.
댓글