本文摘自PHP中文网，作者黄舟，侵删。
Progress 元素是 HTML5 标准草案中新增的元素之一，W3C 关于此元素的定义请猛击这里。默认情况下，Progress 会生成一个和系统默认样式一样的进度条。Webkit 中对于 Progress 的默认样式定义在这里可以找到。在 Windows 7 和 MaxOS Lion 中的显示效果如下：
看起来貌似还不错，但是如果运行在 Windows XP 下呢？想一下就够头疼了，何况出于一致性的考虑，很多情况下我们还是想能够控制这个进度条的样式。
查看了 Webkit 项目中关于 Element Progress 的定义，Progress 在渲染时会被解析成以下结构：
1 2 3 |
|
通过 ::-webkit-progress-bar 和 ::-webkit-progress-value 两个伪元素选择符（之前伪元素的名称是 ::-webkit-progress-bar-value，今年上半年的某个 Patch 改成了现在这样，这里可以看到 Chromium 中一个相关的 Issue），可以定义第一层和第二层的两个 p 的样式。
示例：
相关阅读 >>
HTML5+nodejs实现websocket即时通讯的示例代码分享
HTML5 header标签怎么用？HTML5 header标签的作用介绍
更多相关阅读请进入《HTML5》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
