<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg width="300" height="150">

<circle cx="60" cy="60" r="30"
      style="stroke: grey; fill: #ff9;">

    <animate id="c1" attributeName="r" attributeType="XML"
             from="30" to="0" begin="0s" dur="4s" fill="freeze"/>
</circle>

<text text-anchor="middle" x="60" y="60" style="visibility: hidden;">
    <set attributeName="visibility" attributeType="CSS"
         to="visible" begin="4.5s" dur="1s" fill="freeze"/>
All gone!
</text>

</svg>