PERCENT CALCULATOR PIE CODE

Friday, 2 October 2015

PERCENT CALCULATOR PIE CODE

-----------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE IN POST HTML SECTION
-----------------------------------------------------------------------------------------------------------------

<html>
<head>
<style type="text/css">
.CalcTable {
padding: 4px 6px;
border: solid #ddd 1px;
border-collapse: collapse
}
.CalcTitleCell {
background-color: transparent;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 130%;
font-weight: bold;
text-align: center;
height: 30px
}
.CalcInstructCell {
padding: 5px;
border-bottom: solid #ddd 1px
}
.CalcRowTitleCell {
background-color: #ccc;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
text-align: left;
border: solid #ddd 1px
}
.CalcColCell {
background-color: #1d487e;
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: center;
border: solid #ddd 1px
}
.CalcColCellLeft {
background-color: #1d487e;
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: left;
padding-left: 5px;
border: solid #ddd 1px
}
.CalcColCellRight {
background-color: #1d487e;
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: right;
border: solid #ddd 1px
}
.CalcRowOdd {
background-color: #eee
}
.CalcRowEven {
background-color: #fff
}
.CalcInDescCell {
padding-left: 5px;
padding-right: 5px
}
.CalcOutDescCell {
text-align: left
}
.CalcInFldCell {
text-align: right;
padding-right: 5px;
font-size: 8pt
}
.CalcOutFldCell {
text-align: right;
padding-right: 5px;
border-left: solid #ddd 1px;
border-right: solid #ddd 1px;
font-size: 8pt
}
.CalcInFld {
font-size: 8pt
}
.CalcInFldFix {
font-size: 8pt
}
.CalcSelectFix {
font-size: 8pt
}
.CalcOutFldOddFix {
border: medium none;
background-color: #eee;
font-weight: normal;
text-align: right;
font-size: 8pt
}
.CalcOutFldEvenFix {
border: medium none;
background-color: #fff;
font-weight: normal;
text-align: right;
font-size: 8pt
}
.CalcOutFldOdd {
border: medium none;
background-color: #eee;
font-weight: normal;
text-align: right;
font-size: 8pt
}
.CalcOutFldEven {
border: medium none;
background-color: #fff;
font-weight: normal;
text-align: right;
font-size: 8pt
}
.CalcOutFldBoldOdd {
border: medium none;
background-color: #eee;
font-weight: bold;
text-align: right;
font-size: 8pt
}
.CalcOutFldBoldEven {
border: medium none;
background-color: #fff;
font-weight: bold;
text-align: right;
font-size: 8pt
}
.CalcButtonCell {
text-align: center;
border: solid #ddd 1px
}
.CalcButton {}.CalcSummaryCell {
padding-left: 5px;
padding-right: 5px;
background-color: #fff;
border: solid #ddd 1px
}
.ChartTable {
border-collapse: collapse
}
.ChartBody {}.ChartColHead1 {
background-color: #1d487e;
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: center;
border: solid #ccc 1px
}
.ChartColHead1Small {
background-color: #1d487e;
color: #fff;
font-family: Arial, sans-serif;
font-size: 80%;
font-weight: bold;
text-align: center;
border: solid #ccc 1px
}
.ChartColHead2 {
background-color: #ccc;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
text-align: center;
border: solid #ddd 1px
}
.ChartRowOdd {
background-color: #eee
}
.ChartRowEven {
background-color: #fff
}
.ChartTextCell {
text-align: center;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.ChartTextCellLeft {
text-align: left;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.ChartNumCell {
text-align: right;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.ChartNumCellSmall {
font-family: Arial, sans-serif;
font-size: 85%;
text-align: right;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.ChartSubCell {
text-align: right;
border-top: solid #000 2px;
border-left: solid #ddd 1px;
border-right: solid #ddd 1px;
font-weight: bold;
background-color: #ccc;
padding-left: 4px;
padding-right: 2px
}
.ChartTotCell {
text-align: right;
border-top: double #000 3px;
border-bottom: double #000 3px;
border-left: solid #ddd 1px;
border-right: solid #ddd 1px;
font-weight: bold;
background-color: #ccc;
padding-left: 4px;
padding-right: 2px
}
#dhtmltooltip {
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #000;
padding: 2px;
background-color: #ffffe0;
visibility: hidden;
z-index: 100;
filter: progid: DXImageTransform.Microsoft.Shadow(color=gray, direction=135)
}
#dhtmlpointer {
position: absolute;
left: -300px;
z-index: 101;
visibility: hidden
}
.div_help {
font-family: arial, verdana, helvetica, sans-serif;
font-size: small;
text-align: left;
padding: 10px
}
.SideCalcTitleCell {
font-size: 100%;
background-color: #000;
font-weight: bold;
color: #fff
}
.SideCalcResult {
text-align: right;
width: 94%;
background-color: #eee;
border: solid #000 1px;
font-family: arial, sans-serif;
font-size: 11pt;
color: #000;
padding-right: 5px
}
.SideCalcNum {
font-weight: bold;
width: 30px
}
.SideCalcSign {
font-weight: bold;
color: #00f;
width: 30px
}
.SideCalcClr {
font-weight: bold;
width: 30px;
color: red
}
.SideCalcClrTape {
font-weight: bold;
width: 94%;
color: #000
}
.SideCalcTapeCell {
text-align: center;
background-color: #ccc;
border-top: solid #ccc 1px;
border-left: solid #ccc 1px;
border-right: solid #ccc 1px;
border-bottom: dashed #000 1px;
font-family: courier, arial, sans-serif;
font-size: 10pt;
color: #000;
padding-right: 0px;
padding-left: 0px
}
.BelowCalcTable {
border-collapse: collapse
}
.BelowCalcAdCell {}.BelowCalcColHead {
background-color: #ccc;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
text-align: center;
border: solid #ccc 1px
}
.BelowCalcImgHead {
background-color: #ccc;
text-align: center;
border: solid #ccc 1px
}
.BelowCalcLinkCell {
text-align: left;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.sppTable {
width: 300px;
border-collapse: collapse
}
.sppRow {
background-color: #ddd
}
.sppColHead {
background-color: #fff;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
text-align: center;
width: 240px;
border-left: solid #8f8fb3 1px;
border-top: solid #8f8fb3 1px
}
.sppImgHead {
background-color: #fff;
text-align: center;
width: 60px;
border-right: solid #8f8fb3 1px;
border-top: solid #8f8fb3 1px
}
.sppLinkCell {
font-size: 85%;
text-align: left;
padding-left: 2px;
padding-right: 2px;
border-left: solid #8f8fb3 1px;
border-bottom: solid #8f8fb3 1px;
border-right: solid #8f8fb3 1px
}
.fb_like_button {
border: 1px dotted #000;
background-color: #eee;
padding: 10px;
width: 320px;
float: right
}
.blogItItem {
margin: 18px 0;
padding: 0 12px;
border: 1px solid #ccc;
background: #eee;
box-shadow: 4px 4px 4px #ccc
}
.blogItItem h6 {
font-style: normal;
font-weight: normal;
font-size: 80%
}
.leftnav_heading {
text-align: center
}
.leftnav_heading a {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
line-height: 14px;
background-image: url();
color: #333;
text-decoration: none;
width: 169px;
height: 41px;
display: block;
font-weight: bold;
margin-top: 18px
}
.leftnav_heading a:hover {
background-image: url()
}
.leftnav_heading span {
display: block;
padding: 7px
}
.texttop {
font-size: 15px;
line-height: 14px;
color: #333;
text-shadow: 0px 0px 2px #fff;
margin-bottom: 10px
}
.textbottom {
color: #333;
font-size: 15px;
text-shadow: 0px 0px 2px #fff
}
#mobileBtnDiv {
display: none
}
@media only screen and (max-device-width: 640px) {
#mobileBtnDiv {
display: block;
width: 100%;
text-align: center;
padding: 10px
}
#mobileBtn {
display: inline-block;
text-align: center;
width: 50%;
font-size: 2em;
line-height: 2em;
background-color: #0f5378;
color: #fff;
text-decoration: none;
border-radius: 10px;
border: 1px solid #fff
}
#mobileBtn:hover {
background-color: #4cc2ce;
color: #087197
}
}
</style>

<script>
var mod_pagespeed_aFBQjvTC_v = "function calc_percent(form){var v_perc_1=sn(document.calc.perc_1.value);var v_perc_2=sn(document.calc.perc_2.value);var v_perc_3=sn(document.calc.perc_3.value);var v_places=document.calc.places.selectedIndex;var fill_cnt=0;if(v_perc_1>0){fill_cnt+=1;}\nif(v_perc_2>0){fill_cnt+=1;}\nif(v_perc_3>0){fill_cnt+=1;}\nif(fill_cnt==3){alert(\"Please leave one empty field.\");document.calc.perc_1.focus();}else\nif(fill_cnt<2){alert(\"2 of the 3 fields must have an amount entered.\");document.calc.perc_1.focus();}else{var v_ans=0;var v_perc=0;var chart_title=\"\";var v_summary=\" <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHSLSkgqRY3PY_iFXdVxZzoPMK12-GxS8IPLF3nONJTGil5Q6QndcuvQRCPGPByHYCMcgl3VSzfR0qAkMJvnpaz6V-xzGJNDWC00aZY3aPNIIPzoesvPpp_qVyIrdLbs69xt8kNPaco3ZR/s72-c/BASIC+JAVA+CALCULATOR.png' width='60' height='54' class='ItemLeft' />\";if(v_perc_1==0){v_ans=v_perc_2/100*v_perc_3;document.calc.ans.value=v_ans;v_perc=v_perc_2;chart_title=\"\"+fns(v_ans,v_places,1,0,0)+\"+is+\"+v_perc+\"%25+of+\"+v_perc_3+\"\";document.calc.perc_1.value=fns(v_ans,v_places,1,0,0);v_summary+=\"To find what \"+v_perc_2+\"% of \"+v_perc_3+\" is, you multiply \"+v_perc_3+\" by \";v_summary+=\"\"+fns(v_perc_2/100,4,0,0,0)+\" (decimal equivalent of \"+v_perc_2+\"%), which equals \";v_summary+=\"\"+fns(v_ans,v_places,1,0,0)+\". \";}else\nif(v_perc_2==0){v_ans=v_perc_1/v_perc_3*100;document.calc.ans.value=v_ans;v_perc=fns(v_ans,v_places,0,0,0);chart_title=\"\"+v_perc_1+\"+is+\"+v_perc+\"%25+of+\"+v_perc_3+\"\";document.calc.perc_2.value=v_perc;v_summary+=\"To find what percent \"+v_perc_1+\" is of \"+v_perc_3+\", divide \";v_summary+=\"\"+v_perc_1+\" by \"+v_perc_3+\", which equals \"+fns(v_perc_1/v_perc_3,4,0,0)+\". Next, \";v_summary+=\"convert the decimal into a percent by multiplying the result by 100 (or simply move the decimal \";v_summary+=\"point 2 places to the right), which gives you \";v_summary+=\"\"+fns(v_ans,v_places,1,0,0)+\"%. \";}else{v_ans=v_perc_1/(v_perc_2/100);document.calc.ans.value=v_ans;document.calc.perc_3.value=fns(v_ans,v_places,1,0,0);v_perc=v_perc_2;chart_title=\"\"+v_perc_1+\"+is+\"+v_perc+\"%25+of+\"+fns(v_ans,v_places,1,0,0)+\"\";v_summary+=\"To find what \"+v_perc_1+\" is \"+v_perc_2+\"% of, you divide \"+v_perc_1+\" by \";v_summary+=\"\"+fns(v_perc_2/100,4,0,0,0)+\" (decimal equivalent of \"+v_perc_2+\"%), which equals \";v_summary+=\"\"+fns(v_ans,v_places,1,0,0)+\". \";}\nvar chart=\"\";if(v_perc<100){v_summary+=\"The following pie chart gives a visual presentation of the results.\";var opp_perc=Number(100)-Number(v_perc);chart+=\"<center><img src='http://chart.apis.google.com/chart?\";chart+=\"chs=500x250\";chart+=\"&cht=p\";chart+=\"&chd=s:Xm\";chart+=\"&chd=t:\"+v_perc+\",\"+opp_perc+\"|-1\";chart+=\"&chl=\"+v_perc+\"%25|\"+opp_perc+\"%25\";chart+=\"&chtt=\"+chart_title+\"\";chart+=\"&chts=676767,18' width='500' height='250' alt='Percent Calculator' /></center> \";}\ndocument.getElementById(\"summary\").innerHTML=v_summary+\" \"+chart+\"\";}}\nfunction clear_results(form){document.calc.ans.value=\"\";document.getElementById(\"summary\").innerHTML=\"\";}\nfunction reset_calc(form){document.getElementById(\"summary\").innerHTML=\"\";document.calc.reset();}";
var mod_pagespeed_PJWHvBYF1j = "var offsetfromcursorX=12\nvar offsetfromcursorY=10\nvar offsetdivfrompointerX=10\nvar offsetdivfrompointerY=14\ndocument.write('<div class=\"div_help\" id=\"dhtmltooltip\" onClick=\"hideddrivetip()\"></div>')\ndocument.write('<img id=\"dhtmlpointer\" src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHSLSkgqRY3PY_iFXdVxZzoPMK12-GxS8IPLF3nONJTGil5Q6QndcuvQRCPGPByHYCMcgl3VSzfR0qAkMJvnpaz6V-xzGJNDWC00aZY3aPNIIPzoesvPpp_qVyIrdLbs69xt8kNPaco3ZR/s72-c/BASIC+JAVA+CALCULATOR.png\">')\nvar ie=document.all\nvar ns6=document.getElementById&&!document.all\nvar enabletip=false\nif(ie||ns6)\nvar tipobj=document.all?document.all[\"dhtmltooltip\"]:document.getElementById?document.getElementById(\"dhtmltooltip\"):\"\"\nvar pointerobj=document.all?document.all[\"dhtmlpointer\"]:document.getElementById?document.getElementById(\"dhtmlpointer\"):\"\"\nfunction ietruebody(){return(document.compatMode&&document.compatMode!=\"BackCompat\")?document.documentElement:document.body}\nfunction ddrivetip(thetext,thewidth,thecolor){if(ns6||ie){if(typeof thewidth!=\"undefined\")tipobj.style.width=thewidth+\"px\"\nif(typeof thecolor!=\"undefined\"&&thecolor!=\"\")tipobj.style.backgroundColor=thecolor\ntipobj.innerHTML=thetext\nenabletip=true\nreturn false}}\nfunction positiontip(e){if(enabletip){var nondefaultpos=false\nvar curX=(ns6)?e.pageX:event.clientX+ietruebody().scrollLeft;var curY=(ns6)?e.pageY:event.clientY+ietruebody().scrollTop;var winwidth=ie&&!window.opera?ietruebody().clientWidth:window.innerWidth-20\nvar winheight=ie&&!window.opera?ietruebody().clientHeight:window.innerHeight-20\nvar rightedge=ie&&!window.opera?winwidth-event.clientX-offsetfromcursorX:winwidth-e.clientX-offsetfromcursorX\nvar bottomedge=ie&&!window.opera?winheight-event.clientY-offsetfromcursorY:winheight-e.clientY-offsetfromcursorY\nvar leftedge=(offsetfromcursorX<0)?offsetfromcursorX*(-1):-1000\nif(rightedge<tipobj.offsetWidth){tipobj.style.left=curX-tipobj.offsetWidth+\"px\"\nnondefaultpos=true}\nelse if(curX<leftedge)\ntipobj.style.left=\"5px\"\nelse{tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+\"px\"\npointerobj.style.left=curX+offsetfromcursorX+\"px\"}\nif(bottomedge<tipobj.offsetHeight){tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+\"px\"\nnondefaultpos=true}\nelse{tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+\"px\"\npointerobj.style.top=curY+offsetfromcursorY+\"px\"}\ntipobj.style.visibility=\"visible\"\nif(!nondefaultpos)\npointerobj.style.visibility=\"visible\"\nelse\npointerobj.style.visibility=\"hidden\"}}\nfunction hideddrivetip(){if(ns6||ie){enabletip=false\ntipobj.style.visibility=\"hidden\"\npointerobj.style.visibility=\"hidden\"\ntipobj.style.left=\"-1000px\"\ntipobj.style.backgroundColor=''\ntipobj.style.width=''}}\ndocument.onmousemove=positiontip\nfunction sn(num){num=num.toString();var len=num.length;var rnum=\"\";var test=\"\";var j=0;var b=num.substring(0,1);if(b==\"-\"){rnum=\"-\";}\nfor(i=0;i<=len;i++){b=num.substring(i,i+1);if(b==\"0\"||b==\"1\"||b==\"2\"||b==\"3\"||b==\"4\"||b==\"5\"||b==\"6\"||b==\"7\"||b==\"8\"||b==\"9\"||b==\".\"){rnum=rnum+\"\"+b;}}\nif(rnum==\"\"||rnum==\"-\"){rnum=0;}\nrnum=Number(rnum);return rnum;}\nfunction fns(num,places,comma,type,show){var sym_1=\"$\";var sym_2=\"\";var isNeg=0;if(num<0){num=num*-1;isNeg=1;}\nvar myDecFact=1;var myPlaces=0;var myZeros=\"\";while(myPlaces<places){myDecFact=myDecFact*10;myPlaces=Number(myPlaces)+Number(1);myZeros=myZeros+\"0\";}\nonum=Math.round(num*myDecFact)/myDecFact;integer=Math.floor(onum);if(Math.ceil(onum)==integer){decimal=myZeros;}else{decimal=Math.round((onum-integer)*myDecFact)}\ndecimal=decimal.toString();if(decimal.length<places){fillZeroes=places-decimal.length;for(z=0;z<fillZeroes;z++){decimal=\"0\"+decimal;}}\nif(places>0){decimal=\".\"+decimal;}\nif(comma==1){integer=integer.toString();var tmpnum=\"\";var tmpinteger=\"\";var y=0;for(x=integer.length;x>0;x--){tmpnum=tmpnum+integer.charAt(x-1);y=y+1;if(y==3&x>1){tmpnum=tmpnum+\",\";y=0;}}\nfor(x=tmpnum.length;x>0;x--){tmpinteger=tmpinteger+tmpnum.charAt(x-1);}\nfinNum=tmpinteger+\"\"+decimal;}else{finNum=integer+\"\"+decimal;}\nif(isNeg==1){if(type==1&&show==1){finNum=\"-\"+sym_1+\"\"+finNum+\"\"+sym_2;}else{finNum=\"-\"+finNum;}}else{if(show==1){if(type==1){finNum=sym_1+\"\"+finNum+\"\"+sym_2;}else\nif(type==2){finNum=finNum+\"%\";}}}\nreturn finNum;}\nfunction side_calc_b(num){var v_result=document.side_calc.result.value;if(v_result.length<10){var v_new_result=v_result+\"\"+num;document.side_calc.result.value=v_new_result;}}\nfunction side_calc_del(num){var v_result=document.side_calc.result.value;if(v_result.length>0){var v_new_result=v_result.substring(0,v_result.length-1);document.side_calc.result.value=v_new_result;}}\nfunction side_calc_sign(sgn){document.side_calc.h_sign.value=sgn;document.side_calc.h_num_1.value=document.side_calc.result.value;document.side_calc.result.value=\"\";var tape_sgn=\"\";if(sgn!=\"\"){if(sgn==\"/\"){tape_sgn=\"÷\";}else\nif(sgn==\"*\"){tape_sgn=\"×\";}else\nif(sgn==\"-\"){tape_sgn=\"-\";}else\nif(sgn==\"+\"){tape_sgn=\"+\";}}\nvar tape_new=document.getElementById(\"side_calc_tape_new\").innerHTML;var new_tape=\"\"+document.side_calc.h_num_1.value+\" \"+tape_sgn+\"\";document.getElementById(\"side_calc_tape_new\").innerHTML=new_tape;}\nfunction side_calc_equal(form){var v_1=Number(document.side_calc.h_num_1.value);var v_2=Number(document.side_calc.result.value);var v_sign=document.getElementById(\"h_sign\").value;var v_new_result=0;if(v_sign!=\"\"){if(v_sign==\"/\"){v_new_result=v_1/v_2;}else\nif(v_sign==\"*\"){v_new_result=v_1*v_2;}else\nif(v_sign==\"-\"){v_new_result=v_1-v_2;}else\nif(v_sign==\"+\"){v_new_result=v_1+v_2;}\nif(v_new_result>99999999.99||v_new_result<-99999999.99){alert(\"Sorry, the result is too big (greater than 1 billion) for this calculator.\");}else{document.side_calc.result.value=v_new_result;document.side_calc.h_num_1.value=v_new_result;document.side_calc.h_sign.value=\"\";var tape_new=document.getElementById(\"side_calc_tape_new\").innerHTML;var new_tape=\"\"+tape_new+\" \"+v_2+\" = \"+v_new_result+\"\";document.getElementById(\"side_calc_tape_new\").innerHTML=\"\";var tape_old=document.getElementById(\"side_calc_tape_old\").innerHTML;document.getElementById(\"side_calc_tape_old\").innerHTML=\"\"+new_tape+\"<hr style='border: dashed #EEEEEE 1px; line-height: 1;'>\"+tape_old+\"\";document.getElementById(\"side_calc_tape_but\").innerHTML=\"<input type='button' value='Throw Away' onClick='side_calc_clr_tape(this.form)' class='SideCalcClrTape' />\";}}}\nfunction side_calc_pm(form){var v_pm=Number(document.side_calc.result.value);v_pm=v_pm*-1;document.side_calc.result.value=v_pm;}\nfunction side_calc_clr(form){document.side_calc.result.value=\"\";document.side_calc.h_num_1.value=\"\";document.side_calc.h_sign.value=\"\";}\nfunction side_calc_clr_tape(form){document.getElementById(\"side_calc_tape_new\").innerHTML=\"\";document.getElementById(\"side_calc_tape_old\").innerHTML=\"\";document.getElementById(\"side_calc_tape_but\").innerHTML=\"\";}\nvar soc_ad_ar=[[0,\"\",\"\",\"\"],[1,\"Auto\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[2,\"Budget\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[3,\"Credit\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[4,\"Debt\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[5,\"Income\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[6,\"Invest\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[7,\"Loan\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[8,\"Mortgage\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[9,\"Finance\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[10,\"Retire\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[11,\"College\",\"WyzAnt\",\"Find a <a href='http://www.shareasale.com/r.cfm?b=246096&u=724440&m=28558&urllink=&afftrack=' rel='nofollow' target='_blank'>local tutor</a> today!\"],[12,\"Business\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[13,\"\",\"\",\"\"],[14,\"\",\"\",\"\"],[15,\"\",\"\",\"\"],[16,\"\",\"\",\"\"],[17,\"\",\"\",\"\"],[18,\"\",\"\",\"\"],[19,\"\",\"\",\"\"],[20,\"Date\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[21,\"Conversion\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[22,\"Math\",\"WyzAnt\",\"Find a local <a href='http://www.shareasale.com/r.cfm?b=246097&u=724440&m=28558&urllink=&afftrack=' rel='nofollow' target='_blank'>math tutor</a> today!\"],[23,\"Date\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[24,\"Sports\",\"SocialMedia\",\"If you like this web app, please pay it forward with a Like, Tweet, +1, or Pin.\"]];";
</script>

<script>eval(mod_pagespeed_aFBQjvTC_v);</script>
<script>eval(mod_pagespeed_PJWHvBYF1j);</script>

</head>

<body>
<form name="calc" method="post" action="#">
<table class="CalcTable">
<tbody>
<tr>
<td colspan="2" align="center" class="CalcTitleCell">
PERCENT CALCULATOR
</td>
</tr>
<tr>
<td colspan="2" class="CalcInstructCell">
 
 
Instructions: Enter any two of the three percentage variables and then click the "Calculate Percentage" button.


Mouse over the blue question marks for a further explanation of each entry field or button. More in-depth explanations can be found in the glossary of terms located beneath the Percent Calculator.

</td>
</tr>
<tr class="ChartRowOdd">
<td width="475" class="ChartTextCellLeft">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('Select how many decimal places you would like the result rounded to. Note that the percent calculator will always give the raw result in the field provided, and then use the rounded version for the result explanation and the pie chart.', 250)" ; onMouseout="hideddrivetip()">
Number of decimal places to round result to:
</td>
<td width="125" class="ChartTextCell">
<select name="places" size="1" onChange="clear_results(this.form)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</td>
</tr>
<tr class="ChartRowEven">
<td colspan="2" class="ChartTextCellLeft">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('Fill in two of the three fields depending on which solution you are looking for. The empty field will be completed by the percent calculator after clicking the Calculate Percentage button.', 250)" ; onMouseout="hideddrivetip()">
The number <input type="text" id="perc_1" name="perc_1" size="10" value="" class="CalcInFld" onKeyUp="clear_results(this.form)"/>
is
<input type="text" id="perc_2" name="perc_2" size="10" value="" class="CalcInFld" onKeyUp="clear_results(this.form)"/>%
of the number
<input type="text" id="perc_3" name="perc_3" size="10" value="" class="CalcInFld" onKeyUp="clear_results(this.form)"/>
</td>
</tr>
<tr class="ChartRowOdd">
<td colspan="2" class="ChartTextCell">
<input type="button" value="Calculate Percentage" class="CalcButton" onClick="calc_percent(this.form)">
<input type="button" value="Reset" class="CalcButton" onClick="reset_calc(this.form)">
</td>
</tr>
<tr class="ChartRowEven">
<td width="475" class="ChartTextCellLeft">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('This is the un-rounded version of the calculated result.', 250)" ; onMouseout="hideddrivetip()">
Raw result (no rounding):
</td>
<td width="125" class="ChartTextCell">
<input type="text" id="ans" name="ans" size="12" value="" class="CalcInFld"/>
</td>
</tr>
<tr class="ChartRowOdd">
<td colspan="2" class="CalcSummaryCell" id="summary">
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>

How to Calculate Percentages

Besides using the percent calculator on this page, there are basically two different ways to calculate percentages: Using a shortcut method, and using a proportion method.

There are also two general uses for percent calculations: Calculating a percentage from numbers, and calculating numbers from a percentage. To explain how to calculate percentages I will cover both methods for each use. But first let's make sure you aware of the conversion concepts you need to know in order to solve for unknown percentage variables.

Percent Conversions

The first thing you need to be aware of when calculating percentages is that a percentage (p) can be rewritten as the fraction p/100. In other words, 25% can be rewritten as 25/100. And since 25 ÷ 100 is equal to .25, you can see that a percentage can either be converted to a fraction or a decimal. The actual conversion you will need to make will depend on whether you are using the shortcut method or the proportion method.

Number Conversions

The second thing you need to be aware of when calculating percentages, is that the numbers needed to calculate percentages (n and d) can also be rewritten as the fraction n/d, where n is a relationship or ratio to d. For example, if you are trying to find out what percentage 5 is of the number 20, this can be expressed as 5/20. And since 5 ÷ 20 = .25, you can see that the numbers themselves can be expressed as either a fraction or a decimal. Again, the actual conversion you will need to make depends on the method you use to solve for the unknown variable.

Keeping those conversion concepts in mind, let's take a look at each method to show you how to calculate percentages from number, and then how to calculate an unknown number from a number and a percentage.

How to Calculate a Percentage from Two Numbers

To find what percentage a first number is of a second number, the shortcut method is to simply divide the first number (numerator) by the second number (denominator). This will yield a decimal number, which can then be converted into a percentage.

To convert a decimal into a percentage you can either multiply the decimal by 100, or simply move the decimal point two places to the right.

The following is an example of how you would calculate what percent 45 is of 180 using the shortcut method:

Shortcut Method to Solve for Percentage

p	=	45
		180

p = .25

Convert decimal to percent:

p = .25 * 100

p = 25%

Or, you can formulate the problem into a proportion and then solve for the missing percentage. Here is how you would solve for the above example using the proportion method:

Formulate a Proportion and Solve for Percentage

45	=	p
180	=	100

Cross multiply:

45 * 100 = 180 * p

4500 = 180p

Divide both sides by 180

4500	=	180p
180	=	180

25 = p

25/100 = .25 or 25%

How to Calculate a Number from a Percentage and a Number

If you know the percentage and one of the needed numbers, you can find the unknown number using either the shortcut method or the proportion method. Since n/d (45/180 in our example) represents the two numbers needed to find a percentage, I'll refer to n as the numerator and d as the denominator.

Now, since the formula to find a number from a percentage and a number depends on whether or not you are trying to find the first number (n or numerator) or the second number (d or denominator), I'll explain each formula separately.

How to Calculate the Numerator Given the Percentage and the Denominator

If you are trying to find the first number (numerator), the shortcut method is to convert the percentage into a decimal and then multiply that decimal by the second number (denominator).

The following is an example of how you would calculate what number (n) is 25% of 180 using the shortcut method:

Shortcut Method to Solve for Numerator

n	=	25%
180

Convert percent to decimal:

25% = .25

Multiply decimal by denominator:

n = .25 * 180:

n = 45

Or, you can formulate a proportion and use cross multiplication to solve for the numerator. Here is how you would solve for the numerator in the above example using the proportion method:

Formulate a Proportion and Solve for Numerator

n	=	25
180	=	100

Cross multiply:

n * 100 = 180 * 25

100n = 4500

Divide both sides by 100

100n	=	4500
100	=	100

n = 45

How to Calculate the Denominator Given the Percentage and the Numerator

If you are trying to find the second number (denominator), you simply divide the first number by the decimal equivalent of the percentage.

The following is an example of how you would calculate what number (d) that 45 is 25% of using the shortcut method:

Shortcut Method to Solve for Denominator

45	=	25%
d

Convert percent to decimal:

25% = .25

Divide the numerator by the decimal:

d = 45 ÷ .25

d = 180

Or, you can formulate a proportion and use cross multiplication to solve for the denominator. Here is how you would solve for the denominator in the above example using the proportion method:

Formulate a Proportion and Solve for Denominator

45	=	25
d	=	100

Cross multiply:

45 * 100 = d * 25

4500 = 25d

Divide both sides by 25

4500	=	25d
25	=	25

180 = d

Finally, if we combine all three findings using the same example, we end up with the following statement:

The number 45 is 25% of the number 180

- or -

The number n is p% of the number d

The above explains why I set up the percent calculator the way I did. You can enter any two of the above underlined variables and the calculator will find the third variable.

With that, let's use the percent calculator to solve for a number or a percentage.