Trebuie să creați o bară de progres gradient Elementor ?

Elementor dispose d'un Widgetul barei de progres nativ pe care îl puteți utiliza pentru a adăuga lucruri precum nivelul de calificare sau progresul a ceva la pagina sau șablonul pe care îl creați.

Când utilizați acest widget, puteți personaliza aspectul acestuia schimbând culoarea și tipografia textului. Acest widget vă permite să utilizați doar o culoare solidă pentru bară.

Dar este posibil să creați o bară de progres cu o culoare de gradient?

Dacă aveți abilități în CSS, puteți utiliza versiunea pro aElementor și adăugați CSS personalizat la widgetul Bara de progres pentru a crea o bară de progres gradient. Alternativ, puteți instala un supliment care oferă un widget bară de progres unde puteți alege o culoare gradient atunci când schimbați culoarea.

Sunt două programe de completare care oferă un astfel de widget Addons esențiale et JetElements. Dar ne vom concentra pe Addons esențiale

Crearea unei bare de progres degradate în Elementor folosind Addons esențiale

Essential Addons este unul dintre suplimente Elementor cel mai popular. Oferă peste 60 de widget-uri, inclusiv un widget Bara de progres pe care îl puteți folosi pentru a crea o bară de progres gradient. Essential Addons este un program de completare freemium. Widgetul Bara de progres este disponibil în versiunea gratuită.

Puteți descărca fișierul versiune gratuită din acest supliment pe directorul oficial de plugin-uri WordPress.

Descoperiți ghidul nostru pe Cum se instalează (se adaugă) un plugin pe WordPress

După instalarea și activarea acestui plugin, creați o pagină sau un șablon și editați-l cu Elementor și trageți widgetul Barei de progres în caseta de editare.

Cum se creează o bară de progres de gradient în Elementor

Selectați stilul barei de progres pe care doriți să îl creați din meniul derulant de opțiuni Aspect. Există 6 stiluri de bare de progres dintre care puteți alege. Pentru a crea o bară de progres de gradient, trebuie să selectați stilul Linia.

Setați titlul, valoarea contorului și durata animației. După ce ați terminat, accesați fila Stil și deschideți blocul Completati. În opțiune Tipul fundalului, selecta Degradat și setați prima culoare și a doua culoare. De asemenea, puteți defini tipul de gradient (liniar sau radial), locația și unghiul.

Cum se creează o bară de progres de gradient în Elementor

Puteți deschide alte blocuri de opțiuni sub fila Stil pentru a seta alte opțiuni de stil.

Obțineți Elementor Pro acum!

Concluzie

Aici este ! Asta este pentru acest articol care vă arată cum să creați o bară de progres de gradient în Elementor. Dacă aveți nelămuriri cu privire la modul de a ajunge acolo fanunțați-ne în comentarii.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...