SVG Dashed Line Example

HTML

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <g fill="none" stroke="black">
        <circle class="L4" cx="400" cy="80" r="60" />
        <circle class="L5" cx="400" cy="80" r="60" />
    </g>
</svg>

CSS

svg {
    width: 100%;
    height: 160px;
}
path, circle {
    stroke-width: 4;
}
.L4 {
    stroke: red;
}
.L5 {
    stroke: yellow;
    stroke-dasharray: 50
}