Circle with three different border colors

Answer 1

You can achieve a circle border divided into 3 sections with an inline svg using:

• a circle element
• and the stroke-dasharray attribute to make the sections

Here is an example:

svg{width:30%;height:auto;}

Edit

To add text inside the circle, you can use the svg text element:

svg{width:30%;height:auto;}