H5 Css3 怎么实现这样一个进度条呢？精度条可以用百分比来控制

Question

如图，怎么在网页上实现这样一个竖着的精度条，并且可以用百分比来控制，这里只需要这4个节点的百分比就行

Answer 1

做了一個比較簡陋的，不過不是透過百分比，是透過 class 加上 active 來標示，如果是要用純 CSS 的話，可能就沒辦法用百分比來控制。

Codepen