如何在插入大量dom元素时显示"工作"指示符

<div class="loading-indicator"></div>

.loading-indicator {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid #ccc;
  border-top-color: #333;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

// 显示"工作"指示符
function showLoadingIndicator() {
  var indicator = document.createElement('div');
  indicator.className = 'loading-indicator';
  document.body.appendChild(indicator);
}

// 隐藏"工作"指示符
function hideLoadingIndicator() {
  var indicator = document.querySelector('.loading-indicator');
  if (indicator) {
    indicator.parentNode.removeChild(indicator);
  }
}

// 插入大量DOM元素
function insertManyElements() {
  showLoadingIndicator();

  // 插入大量DOM元素的代码

  hideLoadingIndicator();
}