Не, у devote красивше ))
Всё таки в скриптах нужно, чтобы по возможности было как можно меньше даных :)

Верно говоришь, совать ресурсы в скрипты плохой тон. Все ресурсы лучше держать отдельно от скриптов.

а под прогрессбаром каким

В стилях строка 2 иди дива строка 26?

Александр, тебе ж бесплатно готовый код тут рисуют,
а ты ещё умудряешься такие вопросы задавать :D

та ладно я пошутил :victory:

<style type="text/css">
.progress_bar {
    position: relative;
    width: 100px;
    height: 20px;
    border: 1px solid #000;
}

если width: 100px; поменять на другое число, то строка загрузки доходит до обычного, то при ширене 300 остается свободное место за полосой, как сделать чтоб растягивалось, автоматически?

Касабельно кода devote,
если тебе нужен бар шириной в 300 px,
с каждым вызовом start() увеличивай значение переменной at не на 1,
как в представленном коде, а на 3.

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

Если даже не пытаться изучать материал,
то вставить можно только в одно известное место ;)

ну не догоняю