HTML5 progress 엘리먼트(element)

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>