Твит

Наверняка встречались такие кнопки, на которых сразу видно индикатор загрузки. То есть всё состояние загрузки видно прямо на этой кнопке. Такой эффект можно увидеть на фотохостингах, где на кнопке видно состояние загрузки вашего изображения. И в сегодняшней статье я покажу, как сделать такой эффект и что это вовсе несложно.Нам будет нужна лишь капелька JS и свойства, которые появились только в CSS3. В статье можно будет посмотреть демо с примерами, где есть 18 разнообразных эффектов на любой вкус. Вам лишь нужно выбрать понравившийся и найти его код в CSS (в файле стилей всё подписано).

Твит

Гуляя по просторам интернета можно найти очень много классных и интересных техник. Сегодня на повестке дня у нас просто бриллиантовый трюк от Lea Verou, который позволяет с помощью текста имитировать индикатор загрузки. Он настолько прост и изумителен, что я не смог пройти мимо. Давайте же его разберём!
Она состоит из одного тега заголовка первого уровня h1, которому добавили атрибут data-content, дублирующий содержание заголовка. Для эффекта загрузки нам понадобятся две одинаковые фразы, одну из которых мы будем хранить в псевдо-элементе :before.

Твит

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

Зачем нужен индикатор?
Индикатор больше актуален для многовесящих сайтов, или для посетителей с низкой скоростью интернета, которые во время загрузки сайта видят только белую пустую страничку и долгое время не могут понять то ли он пустой, то ли долго загружается по причине большого размера файла.
После 100% загрузки сайта индикатор пропадет.

Где взять индикаторы загрузки?