Question

编辑2：
以下是我正在寻找的代码

var curr_val_calc = curr_val * 0.03125 * 32;
var perc_of_max = (curr_val_calc / max_value * 100).toFixed(3)

编辑：圆圈是游戏的健康栏指示符，每次游戏进行一次推送时，当前健康值就会更新。

考虑一下，我有一个圆圈，其百分比范围为0％（完整）到-17％（空）。我希望我的圈子以0.53125%的增量变化，这将是32次不同的次数，即17％。

我将有一个变量，用于最大值和当前值。我想编写一个函数，该函数将根据当前值确定圆的百分比。

我需要根据以下示例弄清楚如何计算 50_PERCENT_OF_MAX_VALUE, 25_PERCENT_OF_MAX_VALUE, ... ，依此类推。并为background-position-y: 0%;提供32种不同的选项。

类似的东西：

// These variables are dynamic
var max_value = "700";
var curr_value = "659";

// if ( 659 >= 350 )
if ( curr_value >= 50_PERCENT_OF_MAX_VALUE) {
  $('#orb').css('background-position-y', '-8.5%');
}
// if ( 659 >= 175 )
if ( curr_value >= 25_PERCENT_OF_MAX_VALUE) {
  $('#orb').css('background-position-y', '-4.25%');
}
if ( curr_value >= 3.125_PERCENT_OF_MAX_VALUE) {
  $('#orb').css('background-position-y', '-0.53125%');
}

以此类推。...

下面是我的圈子的代码：

#orb {
  width: 70px;
  height: 70px;
  border-radius: 100px;
  border: 1px solid;
  cursor: pointer;
  overflow: hidden;
  background: transparent url(https://ak8.picdn.net/shutterstock/videos/9273158/thumb/1.jpg) 50% 50% no-repeat;
  color: #000;
  font-size: 12px;
  text-align: center;
}

<div id="orb" style="background-position-y: 0%;"></div>

javascript和CSS中圆圈百分比的数学问题百分比

0 个答案: