AI_Video_LP/static/js/progress.js

$(document).ready(function () {
  $('.progress-item span').click(function (e) {
    let className = $(this).attr("class").split(' ')[0];

    console.log('animate');
    console.log('className', className);

    // 錨點
    $('html,body').animate({ scrollTop: $(`#${className}`).offset().top }, 300);

    let percent = '';

    if (className === "journey") {
      percent = '17'
    } else if (className === "team") {
      percent = '34'
    } else if (className === "ai-ad") {
      percent = '51'
    } else if (className === "seo") {
      percent = '68'
    } else if (className === "ai-video") {
      percent = '85'
    } else if (className === "blog") {
      percent = '100'
    }

    console.log('click', e);

    if ($(this).hasClass('info')) {
      $('#progress-bar').val('0');
      $(this).nextAll().removeClass('border-change');
    } else if ($(this).hasClass(className)) {
      $(this).nextAll().removeClass('border-change');
      $('#progress-bar').val(percent);
      $(this).prevAll().addClass('border-change');
      $(this).addClass('border-change');
    }
  });
});// complete click