Progress Bar
Nogle gange betyder et tal mest. Et fundraisingmål, en projektmilepæl, en beherskelse af færdigheder. Master Addons Progressbar Element gør den enkelte metrik til et visuelt midtpunkt. Vælg mellem flere engagerende stilarter – klassisk Line, radial Circle eller unikke Fan og Bubble designs. Indstil din målværdi, og tilpas derefter hver del. Det er det perfekte elementor progress bar element til at fokusere opmærksomheden, visualisere færdiggørelsen og motivere handling omkring et nøglemål.
Flere visuelle stilforudindstillinger
Et enkelt tal kan vises på mange måder. Vælg den visuelle stil, der passer til din sides personlighed. Vælg den enkle, rene Linje bar for vandrette layouts. Opt for Circle for en kompakt, radial gauge. Gør det legende med Fan form eller tilføje en dynamisk Boble, der bevæger sig med fremskridtene på linjen stil. Hver forudindstilling tilbyder en særskilt måde at visualisere avancement, sikre din fremskridt bar er altid en integreret del af designet, ikke en eftertanke.
- Fire distinkte stilarter: Vælg mellem forudindstillinger for linje, cirkel, ventilator og linjeboble.
- Radial vs. Lineær: Brug Circle og Fan til kompakte, radiale fremskridtsindikatorer på trange steder.
- Animeret boble: Linjeboble-stilen tilføjer et bevægeligt slutpunkt, der fremhæver den aktuelle værdi.
Indhold & Værdi tilpasning
Opsætning af din fremskridt bar er ligetil. I fanen Indhold, give det en meningsfuld Titel som “Projekt Finansiering” eller “Kunde Tilfredshed.” Derefter, indstille Værdien – den altafgørende procentdel, der definerer, hvor fuld bar eller cirkel skal være. Denne enkle to-trins proces er alt hvad du behøver for at få en funktionel, dynamisk fremskridt indikator live på din side.
- Simple Input: Kun to felter: Titel og værdi (Procent).
- Live Preview: Se opdateringen af titel og procentværdi i editoren, mens du skriver.
- Dynamisk visning: Bjælken, cirklen eller blæserfyldningen justeres automatisk til den nøjagtige procentdel, du indtaster.
Progress Bar Styling
Style Back Bar (det tomme spor eller baggrund) og Front Bar (det farvede fyld) uafhængigt. For Front Bar skal du vælge dens Farve og styre dens Bredde (eller tykkelse). For Back Bar skal du indstille sin egen farve og stil. Denne adskillelse giver dig mulighed for at få de fremadskridende fremskridt til at skille sig tydeligt ud mod baggrunden, hvilket sikrer maksimal læsbarhed og visuel effekt.
- Dual-Bar Styling: Style the Front Bar (fremskridt) og Back Bar (spor) med helt forskellige farver.
- Tykkelseskontrol: Juster bredden af fremskridtsfyldet, især nyttigt til linje- og cirkelstile.
- Klart visuelt hierarki: Brug kontrastfarver til at gøre den færdige del øjeblikkeligt tydelig.
Etiket- og værdidesign
Brug afsnittene Titel og Værdi styling til at designe din tekst. Indstil Titelfarven og vælg dens Typografi – skrifttype, størrelse og vægt. Værdien (det procentvise antal) kan styles for at understrege, hvilket ofte gør den større eller dristigere end titlen. Denne integrerede tilgang garanterer, at alle elementer i din statuslinje føles som en samlet, specialdesignet komponent.
- Tekstspecifik styling: Separate kontrolelementer til styling af titeletiketten og værdiprocenten.
- Typografikontrol: Brug panelet Typografi til præcis skriftkontrol over titelteksten.
- Vægt på tallet: Stil ofte værdien til at være mere fremtrædende, og træk øjet til nøglemetrikken.
Ofte stillede spørgsmål til Progress Bar
Hvad er den største forskel mellem dette og "Progressbars" (gruppe) elementet?
Dette element er for en enkelt, standout fremskridt indikator. Det tilbyder unikke form forudindstillinger (Circle, Fan, Bubble) og er designet til at være et fokuspunkt. Den Progressbars-element er til oprettelse af lister eller grupper af flere søjler (som en færdighedsliste), alt sammen i en lignende lineær stil.
Animerer bjælken/cirklen, når siden indlæses?
Ja, typisk. For at engagere besøgende skal fremskridtsfyldet (Front Bar) animere fra 0% til din indstillede værdi, når elementet kommer til syne på siden, hvilket skaber en jævn, dynamisk effekt.
Kan jeg bruge Circle-stilen til at vise en score ud af 100?
Absolut. Cirkel (og Fan) stilen er perfekt til dette. Indstil din Værdi til scoren (f.eks. 85 for 85%). Elementet vil fylde den radiale bue i overensstemmelse hermed, hvilket skaber en klar måler eller rating visualisering.
Kan "Boblen" i Line Bubble-stil tilpasses?
Ja. Der er en indstilling for Boblefarve og Bobleposition. Du kan ændre boblens farve og justere, hvor den sidder langs sporet i forhold til fyldningens slutpunkt.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
