На даний момент ми вивчили досить складний матеріал. Ми тепер знаємо, як за допомогою елементів
Завдання створення індикатора ходу відтворення представляє дещо більший інтерес. Відносно розмітки він створюється з двох елементів
, один з яких вкладений в інший, який знаходиться в кореневому контейнері (в даному прикладі теж div):
Далі наведені правила таблиці стилів, які встановлюють розмір індикаторів і фарбують їх у відповідні кольори:
В процесі відтворення елемент
Можна зробити індикатор виконання трохи хитромудро, додавши індикатор завантаження, який показує обсяг вмісту, завантаженого і вміщеного в буфер в даний момент. Ця можливість вже є в програвачах, вбудованих в браузери. Щоб додати цей індикатор, потрібно обробляти подія onProgress і працювати з властивістю seekable. Додаткову інформацію про властивості, методи і події елемента