Karabeynik,
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<style type='text/css'>
#ProgressTable{
margin: 10px;
}
#ProgressTable table{
font-size: 10px;
}
#ProgressTable table tr td{
text-align: center;
}
.TableButton{
height: 36px;
width: 36px;
padding: 0;
position: fixed;
right: 5%;
top: 1px;
cursor: pointer;
}
</style>
<script>
$(window).load(function(){
function random(){
return Math.floor(Math.random()*3+3);
}
function changeMarks(){
$("[class^='TableTr'] td").text(random);
}
$('.TableButton').click(changeMarks)
});
</script>
</head>
<body>
<button class="TableButton">
<img class="ProgressButton" src="http://javascript.ru/forum/images/smilies/cray.gif">
</button>
<div id="ProgressTable">
<table border="1">
<tr>
<td></td>
<th>Name1</th>
<th>Name2</th>
<th>Name3</th>
<th>Name4</th>
<th>Name5</th>
</tr>
<tr class="TableTr1">
<th>THISTH</th>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr class="TableTr2">
<th>THISTH</th>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr class="TableTr3">
<th>THISTH</th>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr class="TableTr4">
<th>THISTH</th>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</table>
</div>
</body>
</html>