以下是一个简单的示例，展示了如何在按钮点击时显示进度动画：

HTML代码：

点击我

CSS代码：

#progressBar {
  width: 0%;
  height: 10px;
  background-color: blue;
  transition: width 0.5s;
}

JavaScript代码：

var button = document.getElementById('myButton');
var progressBar = document.getElementById('progressBar');

button.addEventListener('click', function() {
  // 禁用按钮
  button.disabled = true;
  
  // 显示进度动画
  progressBar.style.width = '100%';
  
  // 模拟异步操作
  setTimeout(function() {
    // 隐藏进度动画
    progressBar.style.width = '0%';
    
    // 启用按钮
    button.disabled = false;
  }, 3000);
});

以上代码中，我们首先获取按钮和进度条的DOM元素。然后在按钮的点击事件中，我们将按钮禁用，进度条的宽度设置为100%，显示进度动画。接着使用setTimeout模拟一个异步操作，等待3秒后，将进度条的宽度设置为0%，隐藏进度动画，并启用按钮。

你可以根据实际情况进行修改和扩展。