Progress Bar Component

📋 Описание

Это прототип блока Progress, разработанный для мобильных web-приложений. Блок предназначен для отображения состояния выполнения процессов и их прогресса.

Особенности блока:

1. Normal – базовое состояние, управляемое через параметр Value.

   • Дуга прогресса начинается с отметки "12 часов" и движется по часовой стрелке.
   • Значение Value изменяется от 0 до 100.

2. Animated – блок или его элементы вращаются по часовой стрелке с заданным периодом.

3. Hidden – блок скрывается с экрана.

---

🎯 Технические требования

• HTML, CSS, JS (без сторонних библиотек и фреймворков).
• Адаптация под ориентацию экрана (горизонтальную/вертикальную) как дополнительное улучшение.
• Фиолетовые штрихпунктирные линии добавлены для удобства вёрстки.

---

⚙️ Запуск приложения

1. Клонировать репозиторий:

   git clone https://github.com/pert002/ozon-progress.git
   cd ozon-progress
   

2. Открыть файл index.html в браузере.

---

🛠️ API для управления блоком

Блок предоставляет три состояния, которыми можно управлять через пользовательский интерфейс или программно:

1. Value (Текстовый ввод): устанавливает прогресс в диапазоне от 0 до 100.
2. Animate (Переключатель): включает/выключает анимацию вращения.
3. Hide (Переключатель): скрывает/отображает блок.