Fe-interview: [html] 第181天 请使用纯HTML制作一个进度条

Created on 13 Oct 2019  ·  4Comments  ·  Source: haizlin/fe-interview

第181天 请使用纯HTML制作一个进度条

html
Source
picture haizhilin2013

Most helpful comment

<progress value="70" max="100">70 %</progress>
picture hehecat on 14 Oct 2019
👍5 🚀2 😄2 🎉1

All 4 comments

<progress value="70" max="100">70 %</progress>
hehecat picture hehecat on 14 Oct 2019
👍5 🚀2 😄2 🎉1
progress是HTML5的一个新元素，表示定义一个进度条，用途很广泛，可以用在文件上传的进度显示，文件下载的进度显示，也可以作为一种loading的加载状态条使用。

max属性表示进度条的进度最大值，如果有此值，必须是大于0的有效浮点数。max的默认值是1.
value属性表示进度条完成的进度之，value值的范围为0-max之间。如果没有设置max属性，那么value属性值的范围要在0-1之间。

----- 加载状态条显示
----- 正常显示

liugezhou picture liugezhou on 14 Oct 2019
😄1

因各个浏览器UI表现不统一，实际业务中极少用原生progress

360hnjd-fe picture 360hnjd-fe on 14 Oct 2019
👍2

背景色渐变

gostfather picture gostfather on 27 Nov 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

haizhilin2013 picture haizhilin2013  ·  3Comments
haizhilin2013 picture haizhilin2013  ·  3Comments
haizhilin2013 picture haizhilin2013  ·  3Comments
haizhilin2013 picture haizhilin2013  ·  3Comments
undefinedYu picture undefinedYu  ·  3Comments