发表于: 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
评论