progress元素可用于指示任务的逐渐完成。它有两个局部属性: value,max,form
。
value属性定义当前进度,它在零和max属性的值之间。
当省略max属性时,比例在0和1之间。使用浮点数表示进度,例如30%的0.3。
下面的代码显示了progress元素和一些按钮。按下按钮可更新progress元素显示的值。
<!DOCTYPE HTML>
<html>
<body>
<progress id="myprogress" value="10" max="100"></progress>
<p>
<button type="button" value="30">30%</button>
<button type="button" value="60">60%</button>
<button type="button" value="90">90%</button>
</p>
<script>
var buttons = document.getElementsByTagName("BUTTON");
var progress = document.getElementById("myprogress");
for (var i = 0; i < buttons.length; i++) {
buttons[i].onclick = function(e) {
progress.value = e.target.value;
};
}
</script>
</body>
</html>
HTML 表单属性HTML表单属性Form autocomplete有时候你不想让浏览器自动填写表单。我们可以使用form元素中的autocomplete属性来控...
Web 浏览器通过 URL 从 web 服务器请求页面。URL 是网页的地址,比如http://www..cn。URL 编码URL 只能使用ASCII 字符集来通过因...
CSS3引入了几个新的文本属性,我们可以使用文本样式。CSS3文本阴影在CSS3中,我们可以使用 text-shadow 属性将阴影应用于文本。 ...
CSS 图像透明/不透明使用 CSS 很容易创建透明的图像。注意:CSS Opacity 属性是W3C 的 CSS3 建议的一部分。 实例1 - 创建一个透...
看完 《css 教程》中的《css 图像透明/不透明》,你对 CSS 中的半透明颜色可能已经有了基础的了解,CSS 透明算得上是一种相当流...