ставишь его

@-webkit-keyframes progress-bar-stripes {
from {background-position: 40px 0;}
to {background-position: 0 0;}
}
@-o-keyframes progress-bar-stripes {
from {background-position: 40px 0;}
to {background-position: 0 0;}
}
@keyframes progress-bar-stripes {
from {background-position: 40px 0;}
to {background-position: 0 0;}
}
.progress {
height: 20px;
margin: 20px 0;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-bar.active, .progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-striped, .progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-bar-success {background-color: #5cb85c;}

в свой css в конец допиши
а этот куда надо заменив на свой вывод процентов вместо моего описания

echo '<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: '.$opyt.'%;">'.$opyt.'%</div>
</div>';


пост 3

Resident Evil , и где здесь ставить?
'".$user['id']."'");
}
if($user[level] != 60){
$progress = round($user['exp']/$exp*100,1);
if($progress > 100)$progress = 100;
echo '<div class="exp"><div class="exp_in" style="width: '.$progress.'%"><br></div></div>';
}

if($user['level'] != 60 && $user['exp'] >= $exp) {
$g = 10 + ($user['level'] * 5) - 5;
$db->query("update `users` set
`level` = '".($user['level']+1)."',
`exp` = '".($user['exp']-$exp)."',
`gold` = '".($user['gold']+$g)."',
`health` = '".(($user['max_health'])*2)."',
`energy` = '".$user['max_energy']."'
where (`id` = '".$myID."')");
?>
<div class='block center'>
<span class='info'>Вы получили новый уровень!</span>
<br>
<span class='money'>Награда:</span> <?=$g?> золота
</div>
<?
}
if($user['ob_read'] == 1 and $myClan['ob'] != NULL){
if(isset($_GET['ob_read'])){
$db->query("update `users` set `ob_read` = '0' where (`id` = '".$myID."')");
header('Location: ?');
exit();
}

TheAnd ,

не тормозииииииииии

пропиши в шапку

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

и юзай класс .progress

как дети малые .45.

не советую юзать сторонний ксс дольше загрузка будет

качаем bootstrap.min.css себе на сайт и подключаем, а для ускорения загрузки встраиваем напрямую в html код

а перед тем как спорить с дядькой, то смотрим сначала анкету

как дети малые .45.