为何count>0后progressBar.style.right='50%'不再生效？

• 问题根源：当你给progressBar设置过left:50%后，这个内联样式会一直保留在元素上。后续设置right:50%时，因为CSS中同时存在left和right属性（且未限制元素宽度），浏览器会优先以left的配置计算元素位置，导致right的设置被忽略。

• 修复方案：每次设置其中一个方向的定位时，清空另一个方向的内联样式，消除之前设置的干扰：

  function positiveBar() {
    progressBar.style.left = '50%';
    progressBar.style.right = ''; // 清空right属性
  }
  
  function negativeBar() {
    progressBar.style.right = '50%';
    progressBar.style.left = ''; // 清空left属性
  }
  

• 补充处理count=0的情况（可选）：如果需要重置进度条位置，可以新增一个重置函数，同时清空两个方向的样式或设置默认定位：

  function resetBar() {
    progressBar.style.left = '';
    progressBar.style.right = '';
    // 或者设置默认位置，比如 progressBar.style.left = '0';
  }
  

内容的提问来源于stack exchange，提问作者Megan