Полоса загрузки

а картинка гиде?

Извиняюсь, добавил.

717u717, тогда второй вопрос. Этот прогрессбар должен как-то синхронизироваться с чем-то или просто отсчитать 10,20,30 секунд и всё?

Просто нажав на кнопку должна появляться такая загрузка, по ее окончание надо что бы показывало нужный мне текст.

<div class="bar">
  <div class="progress"></div>
</div>
<div class="text">показать текст</div>

.bar {
  height: 10px;
}
.bar .progress {
  width: 0;
  height: 10px;
  background: #000;
}
.text {
  display: none;
}

$('.bar .progress').animate({'width': '100%'}, 5000, function(e) {
  $('.text').show();
});

<div class="bar">

  <div class="progress"></div>

</div>

<div class="text">показать текст</div>



.bar {

  height: 10px;

}

.bar .progress {

  width: 0;

  height: 10px;

  background: #000;

}

.text {

  display: none;

}



$('.bar .progress').animate({'width': '100%'}, 5000, function(e) {

  $('.text').show();

});

А как это подключить на сайт?

Я так понял, это был ответ-шутка. Юмор - вещь полезная, не даёт зациклиться на проблемах. Дело в том, что Вы определили задачу довольно расплывчато, поэтому и ответ дан самый общий. Подключить очень просто: подключаете библиотеку jquery, копируете данный код на сайт, скрипты заключаете в <script>, стили в <style>. И любуетесь на полоску.