Слишком сложно думаете :)
Всё намного проще:
Берёте две картинки (цветную и чёрно-белую), ставите одну поверх другой и изменяя видимый размер одной картинки получаем "прогрессбар".
Vanilla.js - это шутка. Подразумевается Ecmascript.
Работодатели намекают, что Вы должны владеть всеми основными возможностями, которые предоставляет язык.
у Bootstrap плохой слайдер. потому что мало колбек функций и методов. используй другие популярные слайдеры где в методах есть переход на следующий слайд. к примеру для slick slider - это метод slickNext
и просто при ховере задаешь слайдеру этот метод - и он будет листаться
Если вы не о фрилансе, а именно о домашних задачах - то никак. Потому что домашние задачи должны делаться в удовольствие, и контролировать время тут - лишнее.
В этой конструкции апач не только не нужен, но и вреден. Там на его месте должно быть php-fpm, а 403 и 404 потому что index-файла нет на месте, а листинг директории запрещен.
Выкиньте апач, найдите nginx+php-fpm гайд и сделайте по нему.
P.S. Роботы которые даже при этом будут стучатся к указанным в Disallow путям - нелегалы. Yandex Bot и Google Bot (да и BingSearch Bot) всегда сначала смотрят в robots.txt.