Necesidad de crear una barra de progreso de degradado en Elementor ?
Elementor tiene un Widget de barra de progreso nativo que puede usar para agregar cosas como el nivel de habilidad o el progreso de algo a la página o plantilla que crea.
Al usar este widget, puede personalizar su apariencia cambiando el color y la tipografía del texto. Este widget solo le permite usar un color sólido para la barra.
Pero, ¿es posible crear una barra de progreso con un color degradado?
Si tiene habilidades en CSS, puede usar la versión pro deElementor y agregue CSS personalizado al widget de la barra de progreso para crear una barra de progreso degradada. Alternativamente, puede instalar un complemento que ofrece un widget de barra de progreso donde puede elegir un color degradado al cambiar de color.
Dos complementos que ofrecen un widget de este tipo son Complementos Esenciales et JetElements. Pero nos centraremos en los complementos esenciales
Crear una barra de progreso degradada en Elementor usando complementos esenciales
Essential Addons es uno de los complementos Elementor el más popular. Ofrece más de 60 widgets, incluido un widget de barra de progreso que puede utilizar para crear una barra de progreso degradada. Essential Addons es un complemento freemium. El widget de la barra de progreso está disponible en la versión gratuita.
Puede descargar el versión gratuita de este complemento en el directorio oficial de complementos de WordPress.
Descubre nuestra guía sobre Cómo instalar (agregar) un complemento en WordPress
Después de instalar y activar este complemento, cree una página o plantilla y edítela con Elementor y arrastre el widget de la barra de progreso al cuadro de edición.
Seleccione el estilo de la barra de progreso que desea crear en el menú desplegable de opciones Diseño. Hay 6 estilos de barra de progreso entre los que puede elegir. Para crear una barra de progreso de degradado, debe seleccionar el estilo Línea.
Establezca el título, el valor del contador y la duración de la animación. Una vez hecho esto, ve a la pestaña Estilo y abre el bloque Llenar. En la opcion Tipo de fondo, seleccionar Degradado y establezca el primer color y el segundo color. También puede definir el tipo de degradado (lineal o radial), la ubicación y el ángulo.
Puede abrir otros bloques de opciones en la pestaña Estilo para configurar otras opciones de estilo.
¡Obtenga Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo crear una barra de progreso de degradado en Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
