Делаем прогрессбар как в Убунту на СSS3 и jQuery

Делаем прогрессбар как в Убунту на СSS3 и jQuery sofcase.net

Сегодня мы будем делать прогрессбар как в операционной системе Ubuntu(конкретней в её стандартной графической оболочке GNOME). Как всегда я буду использовать свойства CSS3 и jQuery для анимации и управления состоянием прогрессбара. Сам прогрессбар конечно же не копия как в Убунту, но все же постарался сделать максимально похожим :)
« Комментарии

Похожие анонсы

Секундомер на CSS @ 23.05.2013 12:34
Сегодня мы с вами создадим секундомер используя только CSS! Мы не будем использовать JavaScript и jQuery абсолютно все будет работать исключительно на CSS. Наш секундомер будет основан на CSS3 по-кадровой анимации, наряду с использованием animation-play-state свойства для запуска, остановки и сброса показаний секундомера.
Как создать фото-слайдер используя jQuery и CSS3 @ 28.05.2013 14:21
В этом уроке мы будем создавать слайдер с помощью “Nivo Slider jQuery Script” и CSS3. Мы будем использовать “Nivo Slider jQuery Script”, потому что это мощный инструмент, и он совершенно бесплатный. У этого скрипта есть 16 эффектов перехода, он простой, гибкий и имеет много интересных особенностей.
Модальное окно на CSS3 @ 22.04.2013 23:31
Всем привет. Знаете ли вы, что сделать модальное окно на CSS без использования JavaScript или jQuery вполне возможно? Недавно я показывал пример модального окна на jQuery, но сегодня будем делать такое окно на CSS3 и HTML5. С развитием этих спецификаций стало возможно делать простые модальные окна без подключения внешних библиотек и что больше всего радует, так это поддержка..
Меню с эффектом LavaLamp на чистом CSS3 @ 22.03.2012 21:25
Я думаю, что вы уже видели, анимированные меню с эффектом LavaLamp (на основе плагина JQuery). Сегодня я хотел бы вам рассказать, как повторить то же поведение только на чистом CSS3 (без JavaScript). В нашем меню я буду использовать CSS3 transitions (для анимации элементов). Итак, если вы готовы, давайте начинать.
Улучшаем стандартный checkbox с помощью jQuery @ 24.03.2011 13:40
После небольшого перерыва мы возвращаемся с новым уроком, посвященному библиотеке jQuery. Сегодня мы попробуем сделать необычными элементы checkbox. Как вы наверное уже догадались, использовать для этого мы будем JavaScript библиотеку jQuery. А начнем мы, как уже стало традицией, с формирования HTML страницы.
Легкий аккордеон используя CSS и jQuery @ 02.09.2011 08:48
В этой статье я покажу как используя CSS и jQuery, можно сделать легкий и красивый аккордеон. Для его создания понадобиться написать лишь пару строчек кода на jQuery и немного на CSS, и для красоты будем использовать немного CSS3. И сразу хочу отметить, что в этой статье я рассказываю не как создать плагин для jQuery, а просто аккордеон, но если же тема будет востребовательна, тогда напишу статью как создать плагин :)
Как сделать красивые закладки в CSS3 и JQuery? @ 26.02.2012 12:26
Описывается метод создания красивых закладок на вашем сайте с помощью CSS3 и jQuery
Команды терминала в Ubuntu @ 19.11.2009 09:17
ЧаВо по важным командам в терминале Убунту
Необычный слайдер для сайта на jQuery и CSS3 @ 10.10.2018 14:25
Сегодня речь пойдет о слайдере, я давно не рассказывал о полноэкранных слайдерах, ведь они являются моими любимыми. Так что хочу исправить этот пробел и показать как сделать необычный слайдер, с интересными переходами, при помощи CSS3 и jQuery.
Делаем небольшую крутилку картинок на jQuery @ 03.10.2011 07:55
Давненько я не писал уроков по jQuery. Сегодня мы с вами поговорим про то как сделать небольшую крутилку картинок с тайтлами и даже ссылками. Естественно весь код мы обернем в плагин для jQuery, который я назвал jSimpleSlide! Ну что же, давайте приступим.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте