CHARACTER STATS BAR

[randomtology]

For character sheets, profiles, and what not.

Preview

Battle Ability:		9/10
Intelligence:		8/10
Teamwork:		2/10
Mental:		3/10
Sex Appeal:		10/10

<raw-code><table width="600" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td><b>Battle Ability:</b> </td><td><!--BAR STARTS HERE--> <div style="height: 8px; width: 400px; background: #fff; position: relative; left: 20px; right: 20px; border: 1px solid #000000; border-radius: 8px;"> <div style="height: 100%; width: BATTLEPERCENT%; background: #FILLCOLOR; border-radius: 8px 0px 0px 8px;"></div> </div> <!--BAR ENDS HERE; TEXT STARTS HERE--> </td><td>BATTLESCORE/10</td></tr><tr><td><b>Intelligence:</b> </td><td> <!--BAR STARTS HERE--> <div style="height: 8px; width: 400px; background: #fff; position: relative; left: 20px; right: 20px; border: 1px solid #000000; border-radius: 8px;"> <div style="height: 100%; width: INTELLIGENCEPERCENT%; background: #FILLCOLOR; border-radius: 8px 0px 0px 8px;"></div> </div> <!--BAR ENDS HERE; TEXT STARTS HERE--> </td><td>INTELLIGENCESCORE/10</td></tr><tr><td><b>Teamwork:</b> </td><td><!--BAR STARTS HERE--> <div style="height: 8px; width: 400px; background: #fff; position: relative; left: 20px; right: 20px; border: 1px solid #000000; border-radius: 8px;"> <div style="height: 100%; width: TEAMWORKPERCENT%; background: #FILLCOLOR; border-radius: 8px 0px 0px 8px;"></div> </div> <!--BAR ENDS HERE; TEXT STARTS HERE--></td><td>TEAMWORKSCORE/10 </td></tr><tr><td><b>Mental:</b> </td><td><!--BAR STARTS HERE--> <div style="height: 8px; width: 400px; background: #fff; position: relative; left: 20px; right: 20px; border: 1px solid #000000; border-radius: 8px;"> <div style="height: 100%; width: MENTALPERCENT%; background: #FILLCOLOR; border-radius: 8px 0px 0px 8px;"></div> </div> <!--BAR ENDS HERE; TEXT STARTS HERE--> </td><td>MENTALSCORE/10</td></tr><tr><td><b>INSERT SOMETHING CHARACTER EXCELS AT:</b> </td><td><!--BAR STARTS HERE--> <div style="height: 8px; width: 400px; background: #fff; position: relative; left: 20px; right: 20px; border: 1px solid #000000; border-radius: 8px;"> <div style="height: 100%; width: 100%; background: #FILLCOLOR; border-radius: 8px;"></div> </div> <!--BAR ENDS HERE; TEXT STARTS HERE--></td><td>10/10 </td></tr></tbody></table></rawcode>

» Percents are up to 100%. So essentially if you want to give 3/10, put in 30%
» For any scores that are 10/10 (100%), take the area that says "8px 0px 0px 8px" near the end of the bar code and delete everything but one "8px". I think this goes for any of you decimal crazy people that want to do something at or above 9.8/10 (98%) too.
» Fill Colors are Hexcode. If you need help picking one out, this is a good site.
» Code will NOT work in comments, only in entries. Sorry!
» Feel free to edit and no need for credit. The bar is an extremely modified version of one of cawaii's codes, and the rest I designed. But go check cawaii out, she's got awesome stuff.