Распределение

Что составляет общую сумму, в одной строке. Где индикатор прогресса показывает, насколько далеко продвинулось одно значение, это показывает, как целое делится: части идут в том порядке, в котором они даны, так что конвейер читается слева направо, как и положено. Состояния названы терминологией, которую уже используют капсула и круг, так что одно состояние никогда не принимает два цвета.

Целое, в частях

Части растут пропорционально своей ценности, а легенда обозначает их словами снизу — это такая же капсула, как и та, что рисует состояние в таблице, так что глаз перемещается между двумя, не узнавая ничего нового.

Страницы каталога1109

Готово267 В процессе41 Сделать607 Не удалось12 Не начато182

Части, ведущие куда-то

Часть с целью — это ссылка: полоса становится путем в список, который она обобщает. Под указателем она принимает пленку света вместо другого цвета, что означало бы другое состояние.

Элементы системы дизайна

Готово267 Сделать607 Не начато182

Без легенды

Где части названы прямо рядом, или где полоса должна лишь обозначить форму вещи, легенда опускается, и каждая часть говорит, что она под указателем.

Общая сумма больше своих частей

Что учитывает общая сумма и ни одна часть не учитывает, занимает свою долю в ряду и ничего не рисует: трек виден ровно на столько, вместо того чтобы части растягивались, заполняя полосу, которую они не заполняют.

Читаемые файлы400

Готово120 Не удалось30

Пока ничего не учтено

Нет общей суммы и нет частей — работа не начата, подсчет еще не произведен. Полоса сохраняет свое место, как голый трек — та же поверхность, через которую видно, что общая сумма больше своих частей — так что ряд из них сохраняет свою форму; его фигура — тире, так как ничего не учтено, это не равно нулю.

Читаемые файлы—

Компактный

Узкая полоса для ряда или нижнего колонтитула карточки, с плотностью, переданной капсулам его легенды.

symfony-design-system51

symfony-loader42

symfony-search10

Vue, управляемый

Та же полоса, ее части представлены как данные. Часть, которая никуда не ведет, отвечает на клик `select`, что и есть то, что нужно слушать для таблицы, которая фильтрует себя рядом.