{#
/**
 * @file
 * Timeline bar renderer for a single span.
 *
 * Variables:
 * - left_pct: float (0-100)
 * - width_pct: float (0-100)
 * - status_class: string (no-exec-fast|no-exec-mid|no-exec-slow)
 * - duration_ms: int
 * - category: string
 */
#}

<div class="no-exec-timeline-bg" title="{{ duration_ms }} ms">
  <div
    class="no-exec-timeline-bar {{ status_class }}"
    style="--no-left: {{ left_pct }}%; --no-width: {{ width_pct }}%;"
    data-category="{{ category|clean_class }}"
  ></div>
</div>
