今日完成：

1：完成了任务10的样式以及大部分功能，还剩表单验证没有实现

2：对ui系列的ui uploader 又熟悉了用法，这个插件除了不能拖拽文件，

其他方法 比如删除和上传制定文件 进度条 都学会了设置 基本上能满足需求

3：修改了progress进度条的样式

明日计划：

1：在学习一下表单验证，登录页可能也还有需要完善的地方

2：搞好任务10

遇到的问题;

暂无

今日收获：

如何修改进度条的样式

基本属性

max, value, position, 以及labels.

max指最大值。若缺省，进度值范围从0.0~1.0，如果设置成max=100, 则进度值范围从0~100.

value就是值了，若max=100, value=50则进度正好一半。value属性的存在与否决定了progress进度条是否具有确定性。什么意思？比方说<progress></progress>没有value，是不确定的，因此IE10浏览器下其长相是个无限循环的虚点动画；但是，一旦有了value属性（即使无值），如<progress value></progress>, 也被认为是确定的，虚点动画进入仙人模式——>变条条了，如下截图：

IE10 添加value后进入仙人模式

position是只读属性，顾名思意，当前进度的位置，就是value / max的值。如果进度条不确定，则值为-1.

labels也是只读属性，得到的是指向该progress元素的label元素们。例如document.querySelector("progress").labels，返回的就是HTMLCollection, 下为我的某测试截图（截自Opera浏览器下，目前FireFox18.0.2以及IE10貌似都不支持）：

Opera浏览器下的测试结果

二、progress元素的样式控制

首先，很有意思的一点，无论哪个现代浏览器，只要设置了border或background-color样式，进度条元素就会变成扁平化风格。

样式控制的巨大差异

从标题可以看出这段是最碉堡的地方。大众脸自然没什么说头，正因progress元素样式的CSS控制差异之大，才成为了谈资。

脑中梳理了下，想要三言两语表述清楚好抓狂的来~ 求助外援，当当当当——表格君。

一般而言，一个进度条元素分为两部分，背景条以及已完成的进度条。