Dev.to
7/10/2026

Visualizing maintenance status on the site list — blue pulsing border for running, green solid for done
Short summary
Build a status-indicator UI for WordPress maintenance runs using only frontend code: blue pulsing borders show running sites (avoiding fatigue), solid green marks completions within 24h, tracked via localStorage. Walk through CSS animations, log-parsing without backend changes, localStorage cache lifetime, and accessibility considerations from real implementation.
- •Use gentle blue pulsing border for running sites (not red) to avoid user fatigue; solid green for completed within 24h
- •Frontend-only implementation: parse streaming logs to detect running site without new backend endpoint
- •Track state via localStorage with 24h expiration; respect OS-level motion preferences for accessibility
Generated with AI, which can make mistakes.
Is this a good recommendation for you?



