# Process accent without false completion

A precise decorative line introduces a documented sequence; all steps remain in flow. It describes reading order, never completed work or live analytics.

```html
<svg id="process-line" data-motion="draw" data-motion-duration="800" aria-hidden="true" viewBox="0 0 600 40" width="600" height="40" style="max-width:100%;overflow:visible">
 <path data-motion-path d="M10 20 H590" fill="none" stroke="currentColor" stroke-width="2"/>
</svg>
<ol><li>Understand the brief.</li><li>Compare the evidence.</li><li>Choose the next step.</li></ol>
```

Stroke draw has measured paint cost: few simple paths only, SVG aria-hidden, no essential text in the SVG. Complete strokes remain without JS/reduced/off/failure. For scroll progress use existing progress with a separate stable trigger and reachable normalized range. Mobile can use static. Avoid busy diagrams, unsupported live state, looped arrows and scrubbed essential text. Watch before/during/after and reversal in the process lesson.