0%of today's goals

Progress rings

Three goals on three lanes. The rings fill the box they are given: resize the window and they keep their proportions.

Move Exercise Stand

How it's built

Lanes 11, 9 and 7 of 12. orbit-12 would touch the edge.
--o-size-ratio: 1.7 on the .gravity-spot sets the thickness of every ring at once.
shape="rounded" rounds the ends in proportion to the band.
The track is --o-back-fill, a tint of the ring color.