问题大集06-如何使某个元素在进度条的不同进度点显示不同的类

方法步骤：

1、获取元素

const BingDunDun = document.querySelector(".BingDunDun"); 

2、设置元素的初始类（未点击时的类）

BingDunDun.className = 'BingDunDun not-satisfied'

3、设置点击时的类（在0、25、50、75、100等不同节点设置不同的类）（value 进度条的值）

  BingDunDun.className=`BingDunDun ${
  
  {0:'not-satisfied',25:'a-little-unsatisfied',50:'ordinary',75:'satisfied',100:'great'}[value]}`

参考案例：

        蓝桥——6182冰墩墩心情刻度尺