CMS: Добавление и настройка прогресс-бара
6 мин.
Добавьте прогресс-бар, чтобы наглядно продемонстрировать прогресс в достижении цели. Вы можете использовать код Velo или поле коллекции CMS для представления значения прогресса. Для целевого значения можно задать статическое значение, которое не меняется, или задать динамическое значение с помощью Velo или путем подключения поля сбора.
Примеры использования прогресс-бара:
- Покажите, сколько задач отмечено как «выполненные» в списке дел.
- Покажите процент шагов, выполненных в процессе регистрации.
- Покажите сумму, собранную с целью сбора средств.
- Покажите количество людей, подписавших петицию, требующую определенного количества голосов.
Совет:
Вы можете использовать Velo для обновления значения прогресс-бара без подключения к CMS. Чтобы узнать больше, см. Работа с элементом прогресс-бара (на английском языке).
Прежде чем начать:
Добавьте CMS на сайт и создайте коллекцию, которое включает тип поля для значения прогресса.
Чтобы добавить и настроить прогресс-бар
Редактор Wix
Редактор Studio
- Перейдите в редактор.
- Убедитесь, что в вашем редакторе включен Velo:
- Нажмите Разработчику вверху.
- Нажмите Активировать.
- Нажмите Добавить элементы в левой части редактора.
- Нажмите Интерактив.
- Нажмите Прогресс-бар в разделе Индикаторы.
- Нажмите и перетащите выбранный прогресс-бар на страницу.
- Выберите, следует ли установить целевое значение как динамическое или статическое:
в левой части редактора.Динамическое целевое значение
на элементе прогресс-бара. 
и выберите направление, в котором движется выполнение прогресса. 
и выберите готовый дизайн или настройте существующий. Статическое целевое значение
