Math 计算两个数

Math 计算两个数,math,numbers,Math,Numbers,很抱歉问这个问题,我在学校没注意 假设我有两个数字:3和7 我想创建一个显示这两个数字百分比的栏(100%) 换句话说,计算这些数字,使条形图显示: IIIXXXXXXX 我希望我讲得通。。提前感谢。这里有一种方法(取自进度条插件): 这是JavaScript,但语言当然是无关的 var max = 250; // the total amount representing 100% var current = $obj.val().length; // the length we are me

很抱歉问这个问题,我在学校没注意

假设我有两个数字:3和7

我想创建一个显示这两个数字百分比的栏(100%) 换句话说,计算这些数字,使条形图显示: IIIXXXXXXX

我希望我讲得通。。提前感谢。

这里有一种方法(取自进度条插件):

这是JavaScript,但语言当然是无关的

var max = 250; // the total amount representing 100%
var current = $obj.val().length; // the length we are measuring

// important: current / max * 100

// use min() to ensure that the result isn't greater than 100 due to rounding
var ratio = Math.min( ( ( current / max ) * 100 ), 100 );
关键是将当前金额除以总金额,其中总金额(不管是什么)代表100%。该除法运算产生的值应小于1。要将其转换为1-100个百分比,请乘以100

在我上面的例子中,如果
current
=125,并且
max
=250,那么我们有125/250=0.5。乘以0.5*100等于50。125是250的50%

如果你想得到这两个百分比,你可以简单地从100中减去第一个结果


下面是一个用于管理文本框最大长度的HTML/CSS/jQuery进度条的完整工作示例:

如果您要求数字百分比的物理表示形式,我将首先获取百分比:

int number = 3; //or 7
int percent = number/100;
然后我会有一个1像素大的精灵,并根据
百分比对其进行缩放,例如:

mybarsprite.scale = percent*100;

然后你可以添加一个背景图像来创建一个100像素的条。在同一位置添加两个精灵,较低z级别的背景精灵会添加一个条形图效果。

我认为您的意思是希望一个条形图显示3和7作为相对值,每一个都占整体的适当百分比

IIIXXXXXXX

计算很简单:

var total = 3 + 7;
var percentA = 3 / total; // 30%
var percentB = 7 / total; // 70%
每个组件的宽度是总条宽乘以选定值,再除以值之和

所以如果这个条应该是,比如说,100px,你可以计算两个组件的宽度,如下所示

var widthA = 100 * ( A / (A+B) );
var widthB = 100 * ( B / (A+B) );
或者
100*(3/(3+7))=>100*(3/10)=>30,以及70