AI Task Progress Pills

Summary

Animated dark pill components displaying live-updating progress percentages for AI tasks like model training and agent migration, with a vivid chromatic face silhouette as a visual accent.

Visual description

Three horizontal pill-shaped components display stacked task progress indicators, each with a task name and subtitle on the left in light text against dark navy, a large percentage figure on the right side, and a vibrant glowing face silhouette on the dividing edge rendered in chromatic tones. The silhouettes use neon orange, cyan blue, and lime green as accent colors. All three pills sit against a light neutral background.

Key takeaway

Embedding a recognizable, colorful visual accent like a chromatic face on the edge of data-heavy components adds personality and visual hierarchy without compromising readability of the actual metrics.

Reuse notes

Reach for this as a motion still reference. Pairs with minimal directions. Original by Sha.