Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 44 из 70 · 9 мин
Элементы для результатов вычислений, хода выполнения и измерений.
Хочу показывать: «Загрузка фото 70%» и «Свободно мест: 3 из 10».
Ход процесса — progress. Измерение в диапазоне — meter.
<progress>value и max. Без value — «крутится, неизвестно сколько».<progress value="70" max="100">70%</progress>
<progress></progress><meter>min, max, low, high, optimum.<meter value="3" min="0" max="10" low="2" high="8" optimum="10">3 из 10</meter>lowmeter: ниже — плохо.<meter value="1" max="10" low="2" high="8" optimum="10"></meter>highmeter: выше — отдельная зона.<meter value="9" max="10" low="2" high="8" optimum="5"></meter>optimummeter: какое значение хорошее. От него зависит цвет.<meter value="5" max="10" low="2" high="8" optimum="5"></meter><output>for.<output name="total" for="guests">900 ₽</output>Покажи ход загрузки фото progress (70 из 100) и заполненность зала meter (0.2 из диапазона 0–1 с low="0.3"). У обоих элементов должна быть подпись.
progress 70 из 100 — пока нетmeter со значением 0.2 — пока нетmeter есть порог low — пока нетВыберите один ответ.
Какой элемент подходит для уровня заряда батареи?
Выберите один ответ.
Как показать индикатор загрузки, когда неизвестно, сколько осталось?
Проверяем состояние обучения…