Салават Салахутдинов

Через API Swiper такое невозможно, но можно сделать прогрессбар через API Swiper, а верхнее меню вручную
Допустим код вашего меню такой:

<ul class="swiper-menu">
    <li class="swiper-menu__item" data-index="0">Каталог продукции</li>
    <li class="swiper-menu__item" data-index="1">О нашей компании</li>
    <li class="swiper-menu__item" data-index="2">Контактная информация</li>
    <li class="swiper-menu__item" data-index="3">Категория</li>
 <ul>

Теперь через API Swiper меняем слайды при клике на элементы меню:

const mySwiper = new Swiper('swiper-container', {
   mode:'horizontal',
   loop: false,
   pagination: {
      el: '.swiper-pagination',
      type: 'progressbar',
      clickable: true,
   },

   navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
   },
})
$('.swiper-menu').on('click',  '.swiper-menu__item', function() {
   const index = $(this).data('index')
   mySwiper.slideTo(index)
});