Build a ring gauge trio with Tailwind CSS: three circular gauges side by side, each an SVG circle with a stroke-dasharray progress arc, the percentage figure in the middle, and a label underneath. Animate the arc on mount with a CSS transition on stroke-dashoffset, colour each ring by threshold (accent when healthy, amber near the limit, red past it), and keep the three rings equal size in a responsive row.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。