Paint
【CSS】可怜的 C 盘空间
用 Meter 元素制作的磁盘空间度量(类似进度条)效果。用 Meter 而不是 Div 的好处是,Meter 自带“状态”,可以通过 max、min 属性规定度量范围,通过 hign、low、optimum 属性控制警戒水位的标准。
【CSS】可怜的 C 盘空间
用 Meter 元素制作的磁盘空间度量(类似进度条)效果。用 Meter 而不是 Div 的好处是,Meter 自带“状态”,可以通过 max、min 属性规定度量范围,通过 hign、low、optimum 属性控制警戒水位的标准。
实例
Windows (C:)
1.64 GB 可用,共 99.9 GB
Datas (D:)
900 GB 可用,共 931 GB
Datas (E:)
900 GB 可用,共 931 GB
Datas (F:)
900 GB 可用,共 931 GB
Datas (G:)
900 GB 可用,共 931 GB
CodePen
相关 CodePen 见:https://codepen.io/Lionad/pen/ZEpNdNJ