Прогресс длительной операции в таблице

Стандарт определяет UX/UI отображения прогресса продвижения длительной операции по шагам.

Типы длительных операций

Операция, для которой известно, какое количество шагов она должна пройти, чтобы достигнуть целевого состояния;
Операция, для которой не известно, какое количество шагов она должна пройти, чтобы достигнуть целевого состояния;

В ячейке под состоянием отображается прогресс-бар, который:

делится на количество шагов;
процент заполнения прогресс-бара равен количеству пройденных шагов (если операция на третьем шаге из четырех, то заполнены 3/4 части):

При клике на бейдж появляется панель со списком шагов, где видно, какие шаги пройдены, какой шаг в процессе, какие шаги еще не доступны:

Прогресс-бары объектов, которые еще не в целевом состоянии, анимированы. Анимацию можно просмотреть на прототипе (opens in a new tab).

В ячейке под состоянием отображается прогресс-бар, который:

делится на два шага (текущее состояние и целевое);
если операция не в целевом состоянии, то заполнена только половина прогресс-бара;
если операция находится в статусе типа error (отклонена или отказана), когда бейдж красный, то и прогресс-бар красный:

При клике на бейдж появляется панель со списком шагов, где видно, какой шаг в процессе, какие шаги еще не доступны. Их всегда два: