HTML5 progress 엘리먼트(element)

웹표준/HTML5 훑어보기 2010.07.14 16:12

HTML5 progress 엘리먼트(element)

progress 엘리먼트는 작업,수행의 진척정도를나타낸다.플래시에서 흔히 100%로딩을 기다리듯이 html5에서 역시 그런것을 구현한것이다.텍스트는 초기값 max엘리먼트는 최대값을 나타낸다. 테스트결과 아직까지 지원브라우저는없었다.


<section>
 <h2>작업처리</h2>
 <p>작업처리:<progress id="p" max=100><span>0</span>%</progress></p>
 <script>
  var progressBar = document.getElementById('p');
  function updateProgress(newValue) {
    progressBar.value = newValue;
    progressBar.getElementsByTagName('span')[0].textContent = newValue;
  }
 </script>
</section>
저작자 표시
신고

설정

트랙백

댓글


티스토리 툴바