Make a Number a Percentage
What's the Best Way to Strip the "0."Xxx% off a Number and Make It a Percentage? What Happens If the Number Happens to Be an Int? Var Number1 = 4.954848; Var...
What's the best way to strip the "0."XXX% off a number and make it a percentage? What happens if the number happens to be an int?
var number1 = 4.954848;
var number2 = 5.9797;
$(document).ready(function() {
final = number1/number2;
alert(final.toFixed(2) + "%");
});
7 Answers
A percentage is just:
(number_one / number_two) * 100
No need for anything fancy:
var number1 = 4.954848;
var number2 = 5.9797;
alert(Math.floor((number1 / number2) * 100)); //w00t!((portion/total) * 100).toFixed(2) + '%'
The best solution, where en is the English locale:
fraction.toLocaleString("en", {style: "percent"})
Well, if you have a number like 0.123456 that is the result of a division to give a percentage, multiply it by 100 and then either round it or use toFixed like in your example.
Math.round(0.123456 * 100) //12
Here is a jQuery plugin to do that:
jQuery.extend({
percentage: function(a, b) {
return Math.round((a / b) * 100);
}
});
Usage:
alert($.percentage(6, 10));
Most answers suggest appending '%' at the end. I would rather prefer Intl.NumberFormat() with { style: 'percent'}
var num = 25;
var option = {
style: 'percent'
};
var formatter = new Intl.NumberFormat("en-US", option);
var percentFormat = formatter.format(num / 100);
console.log(percentFormat);Numeral.js is a library I created that can can format numbers, currency, percentages and has support for localization.
numeral(0.7523).format('0%') // returns string "75%"
var percent = Math.floor(100 * number1 / number2 - 100) + ' %';
Chloe Bennett explores the intersection of pop culture, streaming entertainment, digital trends, and contemporary lifestyle. Her weekly commentary reaches thousands of culture enthusiasts.
