<progress>
입력
일이 얼마나 진행됐는지 보여 주는 막대입니다.
| 쓰는 법 | <progress></progress> |
|---|---|
| 닫는 태그 | </progress> |
| 닫지 않는 태그 | 아님 — 닫아야 합니다 |
| 자주 쓰는 속성 | value, max |
| 갈래 | 입력 |
읽는 방법
- 태그는 대개 여는 것과 닫는 것이 짝을 이룹니다. img나 br처럼 내용이 없는 태그만 닫지 않습니다.
- 닫지 않는 태그에 </br>을 붙이면 브라우저가 무시하거나 빈 줄이 하나 더 생깁니다.
- 보이는 모양은 CSS가 정합니다. 태그는 "이것이 무엇인가"를 말하고, 굵게·기울임은 그 결과일 뿐입니다.
- 뜻이 맞는 태그를 고르면 검색과 화면 낭독이 함께 좋아집니다. div로 다 감싸면 그 정보가 사라집니다.
자주 묻는 질문
Q. HTML <progress> 태그는 무엇인가요?
일이 얼마나 진행됐는지 보여 주는 막대입니다.
Q. <progress>는 어떻게 쓰나요?
<progress></progress> 꼴로 씁니다. 여는 <progress>와 닫는 </progress>가 짝을 이룹니다.
Q. <progress>에 자주 쓰는 속성은?
value, max 등을 함께 씁니다.
Q. <progress>는 어느 갈래인가요?
입력 갈래입니다.