如何在我的代码转换文件时添加“正在加载请稍候”动画？

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: spin 1s infinite linear;
}

function showLoadingAnimation() {
  const loadingElement = document.createElement('div');
  loadingElement.className = 'loading';
  document.body.appendChild(loadingElement);
}

function hideLoadingAnimation() {
  const loadingElement = document.querySelector('.loading');
  if (loadingElement) {
    loadingElement.remove();
  }
}

showLoadingAnimation();

// 代码转换文件的转换过程

// 代码转换文件的转换过程

hideLoadingAnimation();