Внешнее интервью: создайте индикатор выполнения с помощью HTML, CSS и Javascript

Один из распространенных вопросов для интервью для разработчиков интерфейса — это вопрос Create a progress bar. В большинстве случаев разработчика просят использовать чистый Javascript, а не библиотеку или платформу, кроме DOM API.

Этот вопрос оценивает понимание респондентом чистого Javascript, объектной модели документа (DOM) и функций времени Javascript, таких как setTimeout и setInterval.

Обычно ожидается, что разработчик создаст индикатор выполнения, который можно будет использовать несколько раз. Бонусные баллы начисляются за настраиваемость индикатора выполнения (индивидуальная ширина, время завершения и цвет фона).

Я подготовил два видеоурока, которые начинаются с предположения, что индикатор выполнения находится внутри контейнера размером 500 на 30 пикселей, начинается с 0% и покрывает весь контейнер (100% ширины контейнера) за 3 секунды. Затем я беру решение для этого и делаю его многоразовым с помощью класса Javascript и настраиваемым с помощью объекта конфигурации.

Посмотрите следующий плейлист для двух видео, поставьте лайк и поделитесь видео, если оно покажется вам полезным. И, конечно же, ПОДПИСАТЬСЯ на канал, чтобы получать уведомления о новых видео.

https://www.youtube.com/playlist?list=PLiCVMw2RdtGdVP5kfkKB68byo0H30TS7n