Code
<div style="display:none;">$ONLINE_COUNTER$</div>
<style>.cross {padding-top:2px; display:inline-block; padding-bottom:2px; color:#fff; margin:0px -1px; text-shadow:0px 1px 0px rgba(0,0,0,0.30)}</style>
<div style="float:right;"><span style="color:#61768a;">Пользователи</span><span style="margin:0px; margin-left:2px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;"><img style="height:6px; width:6px; border:1px solid #61768a; background:#61768a url('http://rurip.ru/skripty/stats_usite/highlight_2.png') repeat-x top;" src="http://rurip.ru/skripty/stats_usite/1px.gif" border="0" alt="" /></span></div>
<div><span style="margin:0px; margin-right:3px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;"><img style="height:6px; width:6px; border:1px solid #7d7d7d; background:#7d7d7d url('http://rurip.ru/skripty/stats_usite/highlight_2.png') repeat-x top;" src="http://rurip.ru/skripty/stats_usite/1px.gif" border="0" alt="" /></span><span style="color:#7d7d7d;">Гости</span></div>
<div style="border:1px solid #ccc; background:#fff; padding:1px 2px;padding-right:1px; margin-top:2px;" id="Statku" align="left"></div>
<script type="text/javascript">
NanUserss = function(number, one, two, five) { number = Math.abs(number); number %= 100; if (number >= 5 && number <= 20) { return five; } number %= 10; if (number == 1) { return one; } if (number >= 2 && number <= 4) { return two; } return five; };
var allusers = $(".tOnline b").text(); var gostusers = $(".gOnline b").text(); var siteusers = $(".uOnline b").text();
var uGosti = (gostusers/allusers).toFixed(2)*100; var uUsers = (siteusers/allusers).toFixed(2)*100;
$("#Statku").html('<div class="cross" style="width:'+Number(uGosti).toPrecision(3)+'%; border:1px solid #757b7f; background:#7d7d7d url(/images/soc/highlight_2.png) repeat-x top; text-align:left;"><span style="padding-left:3px;">'+uGosti.toFixed()+'%</span></div><div class="cross" style="width:'+Number(uUsers).toPrecision(3)+'%; border:1px solid #61768a; background:#61768a url(/images/soc/highlight_2.png) repeat-x top; text-align:right;" id="userss"><span style="padding-right:3px;">'+uUsers.toFixed()+'%</span></div>').after('<div style="border:0px; padding:2px; text-align:center;">Всего на сайте <b>'+allusers+'</b> '+NanUserss(allusers, 'человек', 'человека', 'человек')+'</div>');
if (Math.ceil(uUsers) == '0') {$('#userss').hide();}
</script>
Думаю все понятно что и куда)