Как показать эффект перехода при навигации с обслуживающим работником?

Question

Я пытаюсь добавить эффект перехода, например, спиннер, при переходе с одной страницы на другую с установленным и активированным сервисным работником.

Процесс будет выглядеть следующим образом: page1 (sw установлен) -> navigate(показывать счетчик, пока страница загружается) -> page 2

Я перешел по этой ссылке от @jeff-posnick, чтобы перехватывать запросы навигации и показывать счетчик, хотя проблема в том, что я хочу отобразить страницу 2 после того, как запрос навигации был успешным; в настоящее время он просто показывает счетчик и не показывает страницу 2.

self.addEventListener('fetch', function(event) {

  if (event.request.mode === 'navigate') {
      console.log('navigate');
      event.respondWith(caches.match('./app-shell.html'));
  } 
 //other fetch logic
 }

Вот как я перехватываю навигацию.

Было бы замечательно, если бы кто-нибудь показал мне, как я создаю этот эффект перехода с работниками сферы обслуживания.