Коллбэк не получается?

да, цифры выводятся поочередно, теперь красиво.
Но зелёный квадрат появляется все равно вместе с красным :)
А должен появляться сначала красный, потом все цифры, а потом зелёный уже после цифр

или тут не коллбэки надо использовать?
чтобы очерёдность кода задать, какую нам надо

Михаил, вот как получается

function myFuncCallback(myCallback) {
    // выполняется сразу
    div2.style = 'background:red';

    // цикл выполняется СРАЗУ, создает 100 колбеков setTimeout
    // которые будут выполняться через 20 мс
    for (let i = 0; i < 100; i++) {
      setTimeout(function() {
        info.innerHTML += i + ', ';
      }, i * 20);
    }

    // код сразу же приходит сюда
    // и  myCallback() вызывается _практически_ моментально
    myCallback();
  }
  
  myFuncCallback(function() {
    // в итоге это выполяется сразу когда код пробежал по циклу
    // но до того как все setTimeout-ы сработали
    div1.style = 'background:green';
  });

https://jsfiddle.net/7etqyxsw/1/

hzzzzl, да, это работает, но это не то... :)
мы тут задали искусственно таймаут для зелёного квадрата,
и он закрашивается после того, как его таймаут прошёл.
Но он ничего не знает про нашу функцию с циклом и цифрами.
А если мы зададим не 100 цифр, а 1000, то нам тогда надо будет пересчитывать время для выставления таймаута зелёного квадрата.
Или наоборот, мы можем задать 10 цифр, а таймаут задать хоть минуту.
Не, тут задача-то в том, чтобы скрипт сам понял, что функция с циклом и цифрами закончилась, и только после этого он перешел к выполнению третьей очереди, т.е. к зелёному квадрату.
Тогда мы сможем задать хоть 1000000 цифр в цикле, а код уже сам будет ждать его окончания, чтобы приступить к третьей фазе.
Не знаю, может это не коллбэки тут нужны, а async await или еще что-то...

да, вот такой вариант похож на то что надо.
здесь мы можем задать 1000 цифр и поменять цифру в if
if (i === 999) myCallback()