[Ссылки могут видеть только зарегистрированные пользователи. ]
Привет всем. Сегодня я хочу показать вам, как можно быстро создать красивую форму с индикатором заполнения.
Зайдите на [Ссылки могут видеть только зарегистрированные пользователи. ] и скачайте архив со стилями и скриптом. Создаем htmlфайл следующего содержания:
HTML:
Подключаем стили и скрипт в теге head, затем создаем форму строго такой структуры и вызываем функцию в теге script. В зависимости от того, какую функцию мы вызовем, эффект будет разным. По мере заполнения формы, сверху будет двигаться линия. Если, к примеру, вы вызовите функцию sections, то полоска будет разбиваться на секции причем разного цвета.
Эффекты могут быть такие: default(), sections(), gradient(), flash(). Попробуйте каждую и посмотрите, что изменится.
В конце стоит сказать, что размер полоски, ее положение и прочее вы можете поменять в стилях.