HTML5 enhancement Elements--cont.

Progress Element Use Example

<script>vari =0; function Progress_demo () {if(I <= -) {i++;            UpdateProgress (i); SetTimeout (Progress_demo, -); }} function UpdateProgress (newvalue) {varProgressBar = document.getElementById ("PID"); Progressbar.value=newvalue;//progressbar.getelementsbytagname ("span") [0].textcontent = newvalue;    }</script><section> use of percent Complete<progress style="Background-color:darkgoldenrod"Id="PID"max=" -"><span>0</span>%</progress> </p> <input type="Button"onclick="Progress_demo ()"Value="Click Me"></section>

Meter elements

<!--meter element--><meter value=" +" min="0" max="   "low=" , "high=" optimum="></meter>"

OL, DL, cite elements

<!--ol-->    <ol start="ten" reversed>        <li>li1</li>        <li>li2</li>        <li>li3</li>        <li>li4</li>        <li>li5</li >    </ol>    <!--dl-->    <dl>        <dt>hello</dt>        <dd>you Is my love</dd>        <dt>movie</dt>        <dd>a Nice movie</dd>    </dl>    <!--cite-->    
HTML5 enhancement Elements--cont.