Виджет "Стволы навыков Элементора": несколько брусьев прогресса в одном списке
Виджет "Мастер аддонов" "Планы прогресса" складывает несколько горизонтальных полос навыков в один виджет. Это бесплатно. Добавьте полосу для каждого навыка, услуги или цели, дайте ей заголовок и процент от 1 до 100 и выберите цвет на полосу, если хотите. Столбики заполняются от нуля, когда они прокручиваются в поле зрения, с процентом, показанным внутри каждой полосы. Используйте его для навыков на странице о, статусе проекта или результатах опроса. Ищете вместо этого один круг или калибр? Используйте Прогресс Бар виджет с предустановками "Круг" и "Вентилятор". Для бара, который заполняется, когда посетители просматривают пост, используйте Прогресс-бар чтения.
Как добавить панели навыков в Elementor
Вам нужен Elementor и бесплатный плагин Master Addons.Посмотреть это Документы о барах прогресса.
- Убедитесь, что индикаторы прогресса включены ниже Мастер-аддоны, виджеты.
- В редакторе Elementor выполните поиск Прогресс Барс и перетащите его на страницу.
- В строках статистики отредактируйте три панели образцов и нажмите "Добавить элемент", чтобы узнать больше.
- Установите заголовок и процент для каждой полосы, а также цвет полосы, если вам нужны разные цвета.
- На вкладке Стиль установите цвета дорожки и заливки, высоту стержня, расстояние и радиус.
- Стиль заголовков и процентов, затем предварительный просмотр страницы и прокрутка к виджету.
Добавьте столько баров навыков, сколько вам нужно
Бары живут в Статистика Бары ретранслятор на вкладке Содержимое. нажмите Добавить элемент для каждой панели, затем установите Статс Название (например, “Web Design”), the Процентная стоимость от 1 до 100, и опционально Цвет панели для этой панели. Перетащите элементы, чтобы изменить их порядок. Поле заголовка принимает динамические теги Elementor.
- Любое количество полос в одном виджете.
- Каждый бар имеет свое название, процент и цвет.
- Бары без собственного цвета используют цвет активной панели на вкладке "Стиль".
Стиль баров, титулов и процентов
The Статистика Бар наборы разделов стиля Bar BG Color (пустая дорожка), Active Bar Color (заполнение), вертикальное расстояние между стержнями (от 5 до 128px), высота стержня (от 1 до 96px) и радиус границы стержня Stats Bar для квадратных или таблеточных стержней. Статс Название имеет выравнивание, цвет и типографику, и Статистика Процент имеет цвет и типографику номера внутри панели.
- Отдельные цвета дорожки и заливки.
- Радиус границы в px или % для закругленных полос.
- Анимация заполнения воспроизводится один раз, когда виджет прокручивается в поле зрения; заполнение более высоких значений занимает больше времени.
Прогресс-батончики Elementor против Прогресс-батончиков Master Add
У Elementor есть бесплатный виджет Progress Bar, который показывает одну полосу. Вот как они сравниваются.
| Особенность | Прогресс-бар Элементор | Мастер Аддоны Прогресс Барс |
|---|---|---|
| Бары на виджет | Один | Сколько добавишь |
| Цвет на бар | Один виджет, один цвет | Да, по п. ретранслятору |
| Текст внутри бара | Да, пользовательский внутренний текст | Только процент |
| Оживить при прокрутке в поле зрения | Да | Да |
| Динамические теги | Да | Только заголовок |
| Стоимость | Бесплатно | Бесплатно |
Для одной панели с пользовательским внутренним текстом достаточно собственного виджета Elementor.Для списка навыков один виджет Progress Bars сохраняет их согласованными.Связанные: Прогресс Бар для кругов и калибров, Прогресс-бар чтения для прогресса прокрутки и Встречный для анимированных чисел.
Часто задаваемые вопросы по барам прогресса
Анимируются ли полосы, когда они прокручиваются в поле зрения?
Да. каждая полоса заполняется от нуля до своего значения, как только виджет входит в порт просмотра. заполнение занимает около 20 миллисекунд на процентный пункт, поэтому полоса 90% занимает менее двух секунд. нет настройки, чтобы изменить скорость или выключить анимацию.
Виджет "Прогресс-бары" бесплатный?
Да. Progress Bars является частью бесплатного плагина Master Addons с каждым контентом и контролем стиля. версии этого виджета Pro нет.
Отзывчивы ли индикаторы прогресса на мобильных устройствах?
Да. бруски занимают всю ширину своего столбца, поэтому они сжимаются вместе с экраном. высота стержня и вертикальное расстояние не являются адаптивными элементами управления, но типографика заголовка и процента может использовать шрифты меньшего размера на планшете и мобильном телефоне.
Могу ли я использовать градиент для цвета активной полосы вместо сплошного цвета?
Нет. Бар BG Цвет, Активный Бар Цвет и каждый бар собственного цвета принимают сплошной цвет только Если вам нужно градиент заполнения, свяжитесь с нами и мы можем предложить фрагмент CSS.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
