SMIL 动画 SVG "to" 值

SMIL Animate SVG "to" value

我正在尝试将此 SVG 矩形动画化为以宽度 100 结束，但由于某种原因它一直重置为原始值。求助！

http://codepen.io/corysimmons/pen/RNmNQE

<svg>
  <rect height="100" width="10">
    <animate attributeName="width" values="10;100" dur="3s" />
  </rect>
</svg>

使用属性填充="freeze"

<svg>
  <rect height="100" width="10">
    <animate fill="freeze" attributeName="width" from="10" to="100" dur="3s" />
  </rect>
</svg>