给网页站点添加一个背景音乐，要求点开网页自动播放，可以拉音乐进度条，

要实现网页自动播放背景音乐并且可以拉进度条，可以使用HTML5的`<audio>`标签结合JavaScript实现。下面是一个简单的实现示例：

1.在HTML中添加`<audio>`标签：

<audio id="bgMusic" src="music.mp3" autoplay></audio>

这里设置了`id`属性为`bgMusic`，`src`属性为音乐文件的路径，`autoplay`属性表示自动播放。

2.在页面中添加进度条：

<input type="range" id="musicProgress" value="0" min="0" max="100">

这里使用了`<input>`标签，并设置了`type`属性为`range`，`id`属性为`musicProgress`，`value`属性为当前进度，`min`属性为最小值，`max`属性为最大值。

3.使用JavaScript控制音乐播放和进度条：

// 获取音乐元素和进度条元素
var bgMusic = document.getElementById("bgMusic");
var musicProgress = document.getElementById("musicProgress");

// 监听音乐的时间更新事件
bgMusic.addEventListener("timeupdate", function () {
  // 计算当前播放进度
  var progress = Math.floor((bgMusic.currentTime / bgMusic.duration) * 100);
  // 更新进度条的值
  musicProgress.value = progress;
});

// 监听进度条的值变化事件
musicProgress.addEventListener("input", function () {
  // 计算当前播放时间
  var currentTime = (musicProgress.value * bgMusic.duration) / 100;
  // 设置音乐的播放时间
  bgMusic.currentTime = currentTime;
});

这里使用了`document.getElementById()`方法获取音乐元素和进度条元素，然后监听了音乐的`timeupdate`事件和进度条的`input`事件，根据当前播放时间和总时间计算播放进度，更新进度条的值。同时，根据进度条的值计算当前播放时间，设置音乐的播放时间。

以上代码仅供参考，具体实现需要根据实际情况进行调整。同时，需要注意自动播放背景音乐可能会影响用户体验，建议提供控制音乐播放的按钮。