新しいページ要素と改良されたページ要素
6772 ワード
ol要素、dl要素
progress要素とmeter要素
<body>
<ol start="4" reversed>
<li> li>
<li> li>
<li> li>
<li> li>
ol>
<dl>
<dt>Hellodt>
<dd> hellodd>
dl>
<h3>cite h3>
<p> <cite> cite>p>
<p> <small> small>p>
body>
html>
progress要素とmeter要素
<body>
<section>
<h2>progress h2>
<p> <progress id="p" max="100" style="background-color: aqua"><span>0span>%progress>p>
<input type="button" onclick="btn()" value=" "/>
section>
<meter value="40" min="0" max="100" low="10" high="90" optimum="80">meter>
<meter>40/100meter>
<script>
function btn() {
var i = 0;
function thread_one() {
if(i <= 100) {
i++;
updateprogress(i);
}
}
setInterval(thread_one,100);
}
function updateprogress(newValue) {
var progressBar = document.getElementById("p");
progressBar.value = newValue;
progressBar.getElementsByTagName("span")[0].textContent = newValue;
}
script>
body>