Прототип блока Progress для использования в мобильных web-приложениях. Основное предназначение блока отображать процесс выполнения процессов и их прогресс выполнения.
-
Адаптивная верстка.
-
Использование
CSS Modules
. -
Компоненты созданы с помощью
Custom Elements
. -
progress-component
- компонент, представляющий прогресс в виде круга. Он отображает прогресс в зависимости от заданного значения и может быть анимирован или скрыт.value
(число от 0 до 100): управляет размером дуги, отображающий прогресс.animated
(булевый): при наличии включает анимацию прогресса.hide
(булевый): при наличии скрывает круг прогресса.
-
progress-panel-component
- компонент панели управления дляprogress-component
. Он позволяет пользователю изменять значение прогресса, включать/выключать анимацию и скрывать/показывать прогресс-бар. -
input-component
- компонент для созданияinput
, который принимает все атрибутыHTMLInputElement
.
- TypeScript
- Vite