I need to represent something like a donut chart in SVG.
I was trying to draw several arcs inside the same circle, each one with the length defined by a percentage that is previously givven. But with no luck...

Here is a pic:

[![enter image description here](https://i.stack.imgur.com/6PbXR.png)](https://i.stack.imgur.com/6PbXR.png)

What I need is that every region will be dynamically defined according to a percentage previously established.

Does anyone knows how can this be done?