svg textPath,stroke-dasharray,stroke-dashoffset

<svg viewBox="0 0 20 20">
<style>
path {

animation:anim 5s ease-in-out infinite;}
@keyframes anim {
0% {stroke-dashoffset:47;}
100% {stroke-dashoffset:0;}

}
</style>


<defs>
<radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%" >

      <stop offset="0%" stop-color="gold" stop-opacity="1"/>
      <stop offset="100%" stop-color="green" stop-opacity="1"/>
</radialGradient>
</defs>
<path id="path1" d="M5,10 a 5,5 0 0 1 15,0a 5,5 0 0 1 -15,0" 
style="fill:url(#grad1);stroke:red;stroke-dasharray:47 47;stroke-dashoffset:47;"/>

<text style="font-size:2px;"><textPath href="#path1">We are the world.first-degree. second-degree....</textPath></text>

</svg>