В каких случаях используется псевдокласс indeterminate в CSS?

Псевдокласс :indeterminate в CSS используется для стилизации элементов формы, находящихся в неопределённом состоянии. purpleschool.ru

Некоторые ситуации, в которых применяют этот псевдокласс:

• Стилизация элементов в исходном состоянии — при открытии формы или начале загрузки. doka.guide
• Показ пользователю незавершённости процесса выбора или загрузки. doka.guide

Обычно псевдокласс применяют к таким элементам, как чекбоксы, радиокнопки и прогресс-бары. doka.guide purpleschool.ru

Некоторые примеры использования:

• Чекбокс, если не все пункты вложенной группы были выделены. doka.guide Это показывает пользователю, что он пока взаимодействовал не со всеми опциями выбора. doka.guide
• Группа радиокнопок с одинаковым атрибутом name, но у которой ни один элемент не установлен в checked. doka.guide Это говорит пользователю, что он пропустил пункт и не выбрал свой вариант. doka.guide
• Прогресс-бар, если не определён атрибут value — процент загрузки. doka.guide tympanus.net

Важно учитывать, что для чекбоксов и радиокнопок состояние indeterminate нельзя задать напрямую в HTML, это можно сделать только через JavaScript. doka.guide tympanus.net