Circular progress ring (SVG) for "X% toward Y" displays — graduation progress, vesting unlock, vault deposit cap. The circular variant of Web3.Ui.SupplyBar.

Web3.Ui.ProgressRing.view
    { current = curve.curvePls
    , target = graduationThreshold
    , size = 64
    , label = Just "graduation"
    }

CSS classes: web3-progressring, web3-progressring__track, web3-progressring__fill, web3-progressring__label. Stroke width and color come from CSS — set stroke and stroke-width on the __track and __fill elements; geometry is inline for SVG.