发表于: 2017-06-10 20:49:51

1 696


今日完成:

1:学会了使用angular的$http方法上传图片到服务器

2:学习了filereader的一些使用方法和函数

3:学习了HTML5的新属性 progress 进度条  也学习了

一下如何在各种浏览器中给进度条设置属性和样式


遇到的问题:

暂无


明日计划:


完善任务9和10


今日收获:

progress进度条的一些属性

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



返回列表 返回列表
评论

    分享到