用三个数字创建百分比

Question

我正在尝试编写一个小脚本，将三个数字转换为三个百分比。Jquery 可以设置三个彩色 div 的宽度来反映这些数字的“分布”。

将其视为由三部分组成的加载栏。

我为两部分加载条做了一些意大利面，但我不知道如何添加第三个百分比。擅长数学的人能够将三个数字转化为 100 中的三个百分比。

http://jsfiddle.net/gzz46/1/

 var xwidth = (+x/(+x+y)*100);
 var ywidth = (+100-xwidth);
 //var zwidth = (+100-ywidth);

Answer 1

将它们全部相加 = 45，再除以 45，10/45 = 0.222（或 22.22%）、15/45 = 0.333（或 33.33%）、20/45 = 0.444（或 44.44%）

如果您尝试执行我的评论所说的操作，请将代码更改为：

var x = 10;
var y = 15;
var z = 20;

var total = x+y+z;

var xwidth = (x/total)*100;
var ywidth = (y/total)*100;
var zwidth = (z/total)*100;

$(".x").css('width', xwidth+'%');
$(".y").css('width', ywidth+'%');
$(".z").css('width', zwidth+'%');

或者，更干净：

var x = 10;
var y = 15;
var z = 20;
var total = x+y+z;

$(".x").css('width', (x/total)*100+'%');
$(".y").css('width', (y/total)*100+'%');
$(".z").css('width', (z/total)*100+'%');