Math 计算两个数
很抱歉问这个问题,我在学校没注意 假设我有两个数字:3和7 我想创建一个显示这两个数字百分比的栏(100%) 换句话说,计算这些数字,使条形图显示: IIIXXXXXXX 我希望我讲得通。。提前感谢。这里有一种方法(取自进度条插件): 这是JavaScript,但语言当然是无关的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
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