Мониторинг в реальном времени (JS)

<style type='text/css'>
.progress-bar {
        padding:1px;
        background: url('https://dl.dropbox.com/u/61851995/v9q01urq.png') no-repeat;
        background-size: 100% 100%;
            vertical-align: middle;
            line-height: 100%;
            margin-top: 5px;
            background-color: #1a1a1a;
            height: 25px;
            width: 100%;
            -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
}

.progress-bar span {
            z-index: 1;
            vertical-align: middle;
            line-height: 100%;
            float: right;
            margin: 1px;
            display: inline-block;
            height: 90%;
            font-size: 18px;
        background: url('https://dl.dropbox.com/u/61851995/v9q01urq.png');
        background-size: 100% 100%;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px;
            -webkit-transition: width 4s ease-in-out;
            -moz-transition: width 4s ease-in-out;
            -ms-transition: width 4s ease-in-out;
            -o-transition: width 4s ease-in-out;
            transition: width 4s ease-in-out;
}

.progress-bar sdf {
            z-index: 2;
            float: right;
            margin: 1px;
            display: inline-block;
            height: 23px;
            width: 65%;
        background: url('https://dl.dropbox.com/u/61851995/v9q01urq.png');
        background-size: 100% 100%;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px;
}

.progress-bar dfg {
            margin: 5px;
            line-height: 180%;
}
</style>
<script type="text/javascript">
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (!mobile) {
jQuery.getJSON("mon/online.json", {}, function(json){
    for (var item in json) {
                       jQuery("mon").append("<div id='mon'><div class='progress-bar' id='onlinebar_" + item + "'><b><dfg>" + item + "</dfg></b><span style='min-width: 10%;width: 10%;max-width: 75%;'><b id='onlinebarin_" + item + "'><center>" + json[item].players + "</center></b></span>    </div>");
    }
});
setInterval(function() {
jQuery.getJSON("mon/online.json", {}, function(json){
    for (var item in json) {
                         if (json[item].status == 1 && json[item].maxplayers >= 1) {
                       jQuery('#onlinebar_' + item).children('span').animate({width: json[item].players + '%' }, 500 );
                       jQuery('#onlinebar_' + item).css('background-image','url(http://world4play.com/public/style_images/nacht/online.png)');
                       jQuery('#onlinebarin_' + item).html('');
                       jQuery('#onlinebarin_' + item).append('<center>' + json[item].players + '</center>');
                       }
                 if (json[item].status == 0) {
               jQuery('#onlinebar_' + item).children('span').animate({width: '100%' }, 500 );
                       jQuery('#onlinebar_' + item).css('background-image','url(http://world4play.com/public/style_images/nacht/offline.png)');
                       jQuery('#onlinebarin_' + item).html('');
                       jQuery('#onlinebarin_' + item).append('<center>Отключен</center>');
                       }
             if (json[item].status == 1 && json[item].maxplayers == 0) {
               jQuery('#onlinebar_' + item).children('span').animate({width: '100%' }, 500 );
                       jQuery('#onlinebar_' + item).css('background-image','url(http://world4play.com/public/style_images/nacht/work.png)');
                       jQuery('#onlinebarin_' + item).html('');
                       jQuery('#onlinebarin_' + item).append('<center>Профилактика</center>');
                       }
    }
});
}, 2500);
}
</script>
<mon></mon>