RadioButton在Web表单中的表单项与进度条的同步显示

当用户选择不同的选项时，RadioButton会显示相应选项的进度条。这可以通过JavaScript来实现，当RadioButton被选中时，触发事件更新进度条的显示。以下是一个简单的示例代码：

HTML部分：

<form>
  <input type="radio" name="progress" value="25"> 25%
  <input type="radio" name="progress" value="50"> 50%
  <input type="radio" name="progress" value="75"> 75%
  <input type="radio" name="progress" value="100"> 100%
</form>

<div id="progressBar"></div>

JavaScript部分：

document.querySelectorAll('input[type=radio]').forEach(function(radio) {
  radio.addEventListener('change', function() {
    var progress = this.value;
    document.getElementById('progressBar').style.width = progress + '%';
  });
});

以上代码会监听所有RadioButton的change事件，当有RadioButton被选中时，会更新进度条的宽度，从而实现表单项与进度条的同步显示。