Необходимо создать градиентный индикатор выполнения в Elementor ?

Elementor имеет Виджет индикатора выполнения нативный, который вы можете использовать для добавления таких вещей, как уровень навыков или прогресс чего-либо, на страницу или шаблон, который вы создаете.

При использовании этого виджета вы можете настроить его внешний вид, изменив цвет и типографику текста. Этот виджет позволяет использовать только сплошной цвет для полосы.

Но можно ли создать индикатор выполнения с градиентным цветом?

Если у вас есть навыки работы с CSS, вы можете использовать профессиональную версиюElementor и добавьте пользовательский CSS в виджет Progress Bar, чтобы создать градиентный индикатор выполнения. Кроме того, вы можете установить надстройку, которая предлагает виджет индикатора выполнения, где вы можете выбрать цвет градиента при изменении цвета.

Две надстройки, которые предлагают такой виджет: Основные дополнения et JetElements. Но мы сосредоточимся на Essential Addons

Создание ухудшенного индикатора выполнения в Elementor с помощью Essential Addons

Essential Addons — одно из дополнений. Elementor самый популярный. Он предлагает более 60 виджетов, включая виджет «Индикатор выполнения», который можно использовать для создания индикатора выполнения градиента. Essential Addons — это бесплатное дополнение. Виджет «Прогресс-бар» доступен в бесплатной версии.

Вы можете скачать бесплатная версия этого дополнения в официальном каталоге плагинов WordPress.

Откройте для себя наш гид по Как установить (добавить) плагин на WordPress

После установки и активации этого плагина создайте страницу или шаблон, отредактируйте его с помощью Elementor и перетащите виджет «Индикатор выполнения» в поле редактирования.

Как создать индикатор выполнения градиента в Elementor

В раскрывающемся меню выберите стиль индикатора выполнения, который вы хотите создать. Макет. Вы можете выбрать один из 6 стилей индикатора выполнения. Чтобы создать индикатор выполнения градиента, вам нужно выбрать стиль Линия.

Установите заголовок, значение счетчика и продолжительность анимации. После этого перейдите на вкладку Стиль и откройте блок Наполнять. В варианте Тип фона, выбрать градиент и установите первый цвет и второй цвет. Вы также можете определить тип градиента (линейный или радиальный), местоположение и угол.

Как создать индикатор выполнения градиента в Elementor

Вы можете открыть другие блоки опций под вкладкой Стиль чтобы установить другие параметры стиля.

Получите Elementor Pro прямо сейчас!

Заключение

Вот! Вот и все, что касается этой статьи, в которой показано, как создать индикатор выполнения градиента в Elementor.. Если у вас есть вопросы о том, как туда добраться fдайте нам знать в Комментарии.

Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Но тем временем поделитесь этой статьей в разных социальных сетях.

...