Вывод Онлайна На Св Полосой

[Chezz 48]

Собственно никогда не сталкивался с этим. Онлайн в дизайне - изображение (полоса). Как настроить вывод?

 

Сделать онлайн в процентах, а процент это height (полоса вертикальная)?

 

Кто подскажет как или даст ссылку на дизайн где это реализовано и можно посмотреть - с меня жирный плюс.

 

Нашел вот такой вывод, но это горизонтальная полоса:

 

<script type="text/javascript">
$(document).ready(function(e) {
       $('#server .item').each(function(i, el) {
       var online = $(this).find('.sonline span').html();
$(this).find('.line').css('width',online/500*100+'%');
   });
   });
</script>

[main]
<div id="server">
   {item}
</div><!--status-->
[/main]

[item]
<div class="item">
    <div class="sname">Сервер: <span>{nameLink}</span></div>
       <div class="sonline">Игроков: <span>{online}</span></div>
    <div class="load"><div class="line"></div></div>
   </div>
[/item]

Изменено 6 июля, 2014 пользователем Chezz

[masone 298]

<script>
<!--{name}-->
   $(function(){
$( "#progressbar_{num}" ).progressbar({
 value: {online}, max: 1000
});
   });
</script>
 <div class='s1'> [ <a href="{url}">{name}</a> ]</div>
 <div id="progressbar_{num}"><span></span></div>
 <div class='serv_stat1'>Статус: <b>{game}</b>  Игроков: <b>{online}</b></div><br>
</div>

у меня так

[Chezz 48]

<script>
<!--{name}-->
$(function(){
$( "#progressbar_{num}" ).progressbar({
 value: {online}, max: 1000
});
});
</script>
<div class='s1'> [ <a href="{url}">{name}</a> ]</div>
<div id="progressbar_{num}"><span></span></div>
<div class='serv_stat1'>Статус: <b>{game}</b> Игроков: <b>{online}</b></div><br>
</div>

 

у меня так

 

Cпасибо сейчас попробую.

[barry 94]

вот 1 из моих вариантов: test.html

Изменено 6 июля, 2014 пользователем barry

[madzal 464]

вот 1 из моих вариантов: test.html

КРУУУУУУТО

Собственно никогда не сталкивался с этим. Онлайн в дизайне - изображение (полоса). Как настроить вывод?

 

Сделать онлайн в процентах, а процент это height (полоса вертикальная)?

 

Кто подскажет как или даст ссылку на дизайн где это реализовано и можно посмотреть - с меня жирный плюс.

 

Нашел вот такой вывод, но это горизонтальная полоса:

 

<script type="text/javascript">
$(document).ready(function(e) {
$('#server .item').each(function(i, el) {
var online = $(this).find('.sonline span').html();
$(this).find('.line').css('width',online/500*100+'%');
});
});
</script>

[main]
<div id="server">
{item}
</div><!--status-->
[/main]

[item]
<div class="item">
<div class="sname">Сервер: <span>{nameLink}</span></div>
<div class="sonline">Игроков: <span>{online}</span></div>
<div class="load"><div class="line"></div></div>
</div>
[/item]

Cпасибо сейчас попробую.

Супер