Вот небольшая симуляция вашего прогресс-бара
<!DOCTYPE html>
<html>
<head>
<title>Untitled Page</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</script>
<script type="text/javascript">
var progress = 0;
function wide() {
progress = progress + 5;
$('.pbState').html(progress + '%');
$('.pbStateBox').css('width', progress + '%');
}
</script>
</head>
<body>
<p class="pbState">0%</p>
<div class="pbStateBox" style="width: 0%; border:3px solid red;"></div>
<input type=button value="Расширяем" onclick="wide()" />
</body>
</html>