TO CHANGE BAR COLOR: under , replace 'background: #e3e4e1;' with #whatever color you want.

TO CHANGE BAR FULLNESS: change the percentage in 'width: 70%;', also under the bar header.



<raw-code><table><tr><td><div style="margin: 0 0 0; opacity: .99; width: 120px;"><div style="font-family: bell mt; text-transform: uppercase; letter-spacing: .1em; font-size: 18px; margin: 5px 0 -22px 0;">NAME</div> <font style="font-family: ms mincho; font-size: 10px; text-transform: uppercase; letter-spacing: 1px;"><br>CANON GOES HERE</font></div> <img src="USERPIC GOES HERE" style="border-radius: 50%; margin: -10px 0 0 80px; border: 10px solid #e3e4e1; padding: 8px;"> <!--AFFINITY--> <div style="margin: -130px 0 0 0px; width: 95px; position: relative; left:4px; bottom:1px; text-align:left;"> <span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Affection</span></div> <!--BAR--> <div style="height: 8px; width: 100px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:1px;"> <div style="height: 100%; width: 90%; background: #e3e4e1; border-radius: 16px 10px 10px 16px;"></div></div> <!--TRUST--> <div style="width: 95px; position: relative; left:4px; bottom:1px; text-align:left;"> <span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Trust</span></div> <!--BAR--> <div style="height: 8px; width: 100px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:1px;"> <div style="height: 100%; width: 75%; background: #e3e4e1; border-radius: 16px 10px 10px 16px;"></div></div> <!--LOYALTY--> <div style="width: 95px; position: relative; left:4px; bottom:1px; text-align:left;"> <span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Loyalty</span></div> <!--BAR--> <div style="height: 8px; width: 100px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:1px;"> <div style="height: 100%; width: 65%; background: #e3e4e1; border-radius: 16px 10px 10px 16px;"></div></div> <!--RESPECT--> <div style="width: 95px; position: relative; left:4px; bottom:1px; text-align:left;"> <span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Respect</span></div> <!--BAR--> <div style="height: 8px; width: 100px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:1px;"> <div style="height: 100%; width: 70%; background: #e3e4e1; border-radius: 16px 10px 10px 16px;"></div></div></td> <td width="10"></td><td style="vertical-align: top;"><div style="font-family:century gothic, sans-serif; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; width: 400px; text-align: justify; margin: 30px 0 0 0; background: #e3e4e1; padding: 15px 15px 15px 15px; border-radius: 10px; border: 1px solid #DARKER;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. </div></td></tr></table></raw-code>