Съдържание
В съвременните уебсайтове има различни елементи, които имат различни функционалности и правят специфичните задачи на уебсайт прости и още по -поразителни и приятни за окото, което прави навигацията на сайта и използваемостта, предоставена на потребителя, изключително оптимални.Ленти за напредък
Лентите за напредък са отговорни за показване на напредъка на задача, като например прехвърляне или качване на файл, качване на информация и т.н.
Методът progressbar ()
Методът progressbar () декларира, че елемент на HTML тя трябва да се управлява и третира под формата на индикатор за напредък. Неговите опции са обект, който определя неговото поведение и външен вид.
Методът progressbar () може да се използва по два начина:
• $ (селектор, контекст). Лента за напредък (опции)
• $ (селектор, контекст) .progressbar ("действие", параметри)
Нека видим пример за неговото използване:
- Първо включваме необходимите файлове, библиотеките на jQuery както и CSS:
- Добавяме някои стилове за етикетите и лентата като такива:
- Инстанцираме нашия метод progressbar () Свързваме го с контейнер и допълнително добавяме някои събития, за да открием кога качването или прехвърлянето е в ход и накрая, когато е завършено:
- Накрая добавяме нашия код HTML и етикетите където ще се показва нашата лента за напредък:
Зареждане…
Изпълнението на нашия код ще изглежда така в браузъра:
Лента за напредък на потребителския интерфейс на jQuery - Персонализиран етикет
href = "http: //code.jquery.c… /jquery-ui.css" />
Зареждане…
Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
