How to format numbers as percentage values in JavaScript?

Question

Was using ExtJS for formatting numbers to percentage earlier. Now as we are not using ExtJS anymore same has to be accomplished using normal JavaScript.

Need a method that will take number and format (usually in %) and convert that number to that format.

0 -> 0.00% = 0.00% 25 -> 0.00% = 25.00% 50 -> 0.00% = 50.00% 150 -> 0.00% = 150.00% 

Answer 1

Here is what you need.

var x=150; console.log(parseFloat(x).toFixed(2)+"%"); x=0; console.log(parseFloat(x).toFixed(2)+"%"); x=10 console.log(parseFloat(x).toFixed(2)+"%");

Answer 2

You can use Number.toLocaleString():

var num=25;  var s = Number(num/100).toLocaleString(undefined,{style: 'percent', minimumFractionDigits:2});   console.log(s);

No '%' sign needed, output is:

25.00% 

See documentation for toLocaleString() for more options for the format object parameter.