<svg width="500" height="50">
<circle cx="25" cy="25" r="20" fill="rgba(128, 0, 128, 1.0)"></circle>
<circle cx="50" cy="25" r="20" fill="rgba(0, 0, 255, 0.75)"></circle>
<circle cx="75" cy="25" r="20" fill="rgba(0, 255, 0, 0.5)"></circle>
<circle cx="100" cy="25" r="20" fill="rgba(255, 255, 0, 0.25)"></circle>
<circle cx="125" cy="25" r="20" fill="rgba(255, 0, 0, 0.1)"></circle>
</svg>