【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

本文最后更新于: February 10 2021 02:30