Alex

https://ru.wikipedia.org/wiki/MHTML

Один домен избавляет вас возни с CORS

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

И в JS следите за изменениями в input и меняете значение в progress

В последнее время, если мы говорим про фронтенд, рулит компонентный подход: вся страница строится из независимых компонентов (кнопка, форма, шапка, список, модалка). А парадигму mvc можно применять уже на уровне каждого конкретного компонента. Как именно, зависит от выбранного стека. Например во vue https://codepen.io/team/Vue/pen/dyoeGjW

https://github.com/webpack-contrib/webpack-bundle-...

Первое что пришло в голову:
return f() as ReturnType<F>

С какой проблемой вам нужна помощь?
Проблема с навигацией по странице?
Основы html. HTML зародился как документ. Вам тут даже JS скорее всего не нужен.

Используйте оглавление. С ссылками на секции/заголовки вашего докумета. Для удобства, стоит сверстать оглавление так, чтобы оно всегда было под рукой. Например position sticky, или что там позволяет вам ваш дизайн. Вот и всё.

Табы это не про то. С табами у вас будет куда больше возни а профита меньше.

Или проблема в том, что пользователь не читает всё до конца? Ну тут вам ничего не поможет. Пользователь всегда будет предпринимать минимум шагов для достижения своей цели (сколько раз вы читали лицензию прежде чем принять её?). Разместите самые важные части вверху. Выделите их. Возможно винесите на отдельную страницу. Всё что менее важно опустите ниже или спрячте за блоком "Дополнительно".

буд-то с тегом preload

Так точно так же, не? Вставляете URL картинки в preload и всё. Почему у вас "самый крупный контент" выводится через CSS это уже другой вопрос.

Вам вообще не нужен там какой-то класс. В вашем случае достаточно использовать :focus-within

text2Element.hidden = !text1Element.hidden