用三个数字创建一个百分比

Create a percentage with three numbers

本文关键字：一个 百分比 创建 三个 数字      更新时间：2023-09-26

我想写一个小脚本，将三个数字转换成三个百分比。Jquery可以设置三个彩色div的宽度，以反映这些数字的"分布"。

把它想象成一个由三部分组成的加载条。

我做了一些意大利面为两部分加载酒吧，但我不知道如何添加第三个百分比。数学好的人可以把三个数字变成100中的三个百分比。

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

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

将它们全部相加= 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+'%');
相关文章：