CodePen Embed - WNGLWLq

<svg viewBox="0 0 200 60">
  <marker id="prev" viewBox="0 0 65 20" refX="50" refY="10" markerWidth="20" markerHeight="20" orient="auto-start-reverse">
    <path d="M65,10 50,0 50,20z" fill="lightblue" />
  </marker>

  <marker id="next" viewBox="0 0 60 20" refX="5" refY="10" markerWidth="20" markerHeight="20" orient="auto-start-reverse">
    <path d="M0,0 20,10 0,20z" fill="lightblue" />
  </marker>

  <path d="M20,30  C20,30 100,-30 180,30" marker-start="url(#prev)" marker-end="url(#next)" fill="none" stroke="#ccc" stroke-width="1" stroke-dasharray="20 2" />
</svg>

This Pen is owned by topicstarter on CodePen.

See more by @topicstarter on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.