Индикатор загрузки — это динамический элемент интерфейса, который информирует пользователя о том, что система обрабатывает запрос или выполняет определенную операцию. Индикатор загрузки используется, когда точное время выполнения операции неизвестно. Данный элемент создан для того, чтобы удержать внимание пользователя в моменты ожидания и дать ему понять, что его запрос обрабатывается.
Базовая анатомия
В основе индикатора лежит повторяющийся анимированный элемент — это может быть вращающееся кольцо, пульсирующие точки или другие геометрические фигуры. Размер индикатора соответствует контексту использования: от маленького (для встраивания в кнопки) до крупного (для полноэкранной загрузки).
Анатомия с сопроводительным текстом
Индикатор может дополняться текстом, который объяснит процесс.
Данный элемент должен постоянно находиться в движении, пока процесс не будет завершен. Он может изменять свое поведение в зависимости от контекста или действия пользователя.
Default
Стандартное состояние характеризуется равномерным, непрерывным движением. Анимация делается плавной, с постоянной скоростью, для создания ощущения непрерывного процесса.
Hover
При наведении может появляться дополнительная информация: подсказка о процессе или примерное время ожидания, если его можно предположить.
Active
Когда наступает активная фаза загрузки, анимация может стать более заметной. При длительном ожидании возможно добавление успокаивающего сообщения или обозначение того, что процесс всё ещё идёт.
Disabled
Неактивное состояние используется редко, но может встречаться в сложных интерфейсах, где загрузка временно приостановлена.
