Пользовательский индикатор с целями

Question

У меня почти нет опыта, связанного с анимацией, и я хочу несколько советов о том, что является правильным подходом и какие объекты пользовательского интерфейса использовать, чтобы начать создание пользовательского представления прогресса с целями, для видео контента, например:

Некоторые идеи, которые у меня уже были:

Использовать горизонтальное представление коллекции для всех элементов, каждая ячейка - индикатор выполнения?

Использовать представление стека?

Answer 1

Один обычный индикатор выполнения с изображениями, расположенными сверху (горизонтальный стек с разделителями). Изображения будут обновляться в зависимости от текущей точки воспроизведения видео