Rotating project health status list
Auto-cycles which status row is highlighted every ~2s to imply a live feed. Cap at 3-4 rows, the highlight cycle gets hard to follow past that.
Live preview
open in new tab ↗<div class="lsl-wrap">
<div class="lsl-row lsl-active">
<span class="lsl-dot lsl-red"></span>
<div class="lsl-body"><b>Off Track</b><span>Launch postponed until legal issues are resolved</span></div>
<span class="lsl-date">Sep 24</span>
</div>
<div class="lsl-row">
<span class="lsl-dot lsl-amber"></span>
<div class="lsl-body"><b>At Risk</b><span>Project will likely delay with scope changes</span></div>
<span class="lsl-date">Sep 22</span>
</div>
<div class="lsl-row">
<span class="lsl-dot lsl-green"></span>
<div class="lsl-body"><b>On Track</b><span>We are ready to launch next Thursday</span></div>
<span class="lsl-date">Sep 24</span>
</div>
</div>Block id: linear-status-rotating-listvanilla · drop-in
More stats blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.