<style type="text/css">
progress { -webkit-appearance: none; height: 14px; width: 120px; }
progress[value]::-webkit-progress-bar { background-color:rgb(245, 245, 245); border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; }
progress[value]::-webkit-progress-value { border-radius: 3px; }
s_grey progress[value]::-webkit-progress-value { background-color: grey; }
s_yellow progress[value]::-webkit-progress-value { background-color:rgb(255, 235, 59); }
s_greenyellow progress[value]::-webkit-progress-value { background-color: greenyellow; }
s_lime progress[value]::-webkit-progress-value { background-color:rgb(0, 220, 9); }
s_green progress[value]::-webkit-progress-value { background-color: green; }
s_orange progress[value]::-webkit-progress-value { background-color: orange; }
s_red progress[value]::-webkit-progress-value { background-color:rgb(255, 33, 17); }
div.vov { width: 12px; line-height: 3px; font-size: 18px; float: left; margin-top: -7px; padding-bottom: 14px; }
div.vov-cont { float: right; }
.wp-table { width: 100%; margin: 1 auto; border-collapse: collapse; font-size: 12px; color:rgb(0, 0, 0); }
.wp-table tr:nth-child(odd) { background-color: fff; }
.wp-table tr:nth-child(even) { background-color: rgb(249, 249, 249); }
.wp-table td { padding: 2px; }
</style>
<div align="center" style="text-shadow: none;">
<table class="wp-table">
<tbody>
<tr>
<td colspan="3" align="center"> <b>CPU: <span style="font-size:12px;">%ThisComputer.CPUtip%</span></b><br/>
</td>
</tr>
<tr>
<td><br>
Громкос. сист.<br>
<br>
</td>
<td align="left">
<div class="vov-cont">
<s_lime><progress value="%ThisComputer.volumeLevel%" max="100"></progress></s_lime>
</div>
</td>
<td> <span style="font-size:12px; ">%ThisComputer.volumeLevel%</span> %</td>
</tr>
<tr>
<td>Загрузка CPU</td>
<td align="left">
<!-- блок вывода гистограммы загрузки CPU -->
<div class="vov-cont">
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_9%">%ThisComputer.CPUload_9%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_8%">%ThisComputer.CPUload_8%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_7%">%ThisComputer.CPUload_7%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_6%">%ThisComputer.CPUload_6%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_5%">%ThisComputer.CPUload_5%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_4%">%ThisComputer.CPUload_4%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_3%">%ThisComputer.CPUload_3%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_2%">%ThisComputer.CPUload_2%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_1%">%ThisComputer.CPUload_1%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUload_color_0%">%ThisComputer.CPUload_0%</b>
</div>
</div> <br>
</td>
<td> <span style="font-size:12px; ">%ThisComputer.CPUload%</span> %</td>
</tr>
<tr>
<td>Температ. CPU</td>
<td align="left">
<!-- блок вывода гистограммы температуры CPU -->
<div class="vov-cont">
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_9%">%ThisComputer.CPUtemp_9%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_8%">%ThisComputer.CPUtemp_8%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_7%">%ThisComputer.CPUtemp_7%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_6%">%ThisComputer.CPUtemp_6%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_5%">%ThisComputer.CPUtemp_5%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_4%">%ThisComputer.CPUtemp_4%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_3%">%ThisComputer.CPUtemp_3%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_2%">%ThisComputer.CPUtemp_2%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_1%">%ThisComputer.CPUtemp_1%</b>
</div>
<div class="vov">
<b style="color:%ThisComputer.CPUtemp_color_0%">%ThisComputer.CPUtemp_0%</b>
</div>
</div> <br>
</td>
<td> <span style="font-size:12px; ">%ThisComputer.CPUtemp%</span> °C</td>
</tr>
<tr>
<td><br>
Занято ОЗУ<br>
<br>
</td>
<td align="left">
<div class="vov-cont"><span style="font-size: 9px; float: left;">%ThisComputer.memory_usage% Mb</span><span style="font-size: 9px; float: right;"></span><span style="font-size: 9px; float: right;">%ThisComputer.memory_total% Mb</span><br>
<div class="vov-cont">
<s_%ThisComputer.System_memory_color%><progress value="%ThisComputer.System_memory%" max="100"></progress></s_%ThisComputer.System_memory_color%>
</div>
</td>
<td> <span style="font-size:12px; ">%ThisComputer.System_memory%</span> %</td>
</tr>
<tr>
<td><br>
Занято SD<br>
<br>
</td>
<td align="left">
<div class="vov-cont"><span style="font-size: 9px; float: left;">%ThisComputer.DISKused% Gb</span><span style="font-size: 9px; float: right;"></span><span style="font-size: 9px; float: right;">128 Gb</span><br>
<div class="vov-cont">
<s_%ThisComputer.DISKused_color%><progress value="%ThisComputer.DISKusedPersent%" max="100"></progress></s_%ThisComputer.DISKused_color%>
</div>
</td>
<td> <span style="font-size:12px; ">%ThisComputer.DISKusedPersent%</span> %</td>
</tr>
<td align="left"><br>
Uptime<br>
<br>
</td>
<td colspan="2" align="left">
<img style="margin-bottom:3px;" align="absmiddle"> <span title="Рекорд %ThisComputer.System_uptime%">%ThisComputer.System_uptime%</span><br/>
</td>
</tr>
</tbody>
</table>
</div>