Score Bar

Score visualization from ResultsView. 5 horizontal bars where filled = bg-primary, empty = bg-border. Each filled bar uses the score-fill animation with staggered delay.

Score Bar Variants

Score from 1 to 5 with label and numeric indicator.

Структура відповіді
1/5
Глибина мислення
3/5
Чіткість комунікації
5/5
Орієнтація на користувача
2/5
Конкретність покращень
4/5
Sergiy Klymkovych

VoiceMock was built by one designer

I'm Sergiy, a product designer. I built this trainer myself — research, design system, code. On LinkedIn I show how products like this come together, and what it changes in a designer's work.

Product Designer · AI Design Engineer · Designer for Startups

See it on LinkedIn