{"id":16260,"date":"2025-03-24T07:26:29","date_gmt":"2025-03-24T07:26:29","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=16260"},"modified":"2026-11-13T14:14:16","modified_gmt":"2026-11-13T14:14:16","password":"","slug":"progress-bar-element-pro","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/de\/docs\/progress-bar-pro-element\/","title":{"rendered":"Element Progress Bar in WP Table Builder (Pro)"},"content":{"rendered":"
\n

Kurze Antwort<\/p>\n\n\n\n

Das Element Progress Bar zeigt einen Wert als horizontalen Balken, zum Beispiel 70 % Akkulaufzeit oder eine Bewertung von 9\/10. Ziehen Sie Fortschrittsbalken<\/strong> in eine Zelle und legen Sie Value<\/strong>, Thickness<\/strong> und Primary Color<\/strong> (gef\u00fcllter Teil) und Secondary Color<\/strong> (Hintergrund des Balkens) fest. Dies ist ein Element von WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n

Fortschrittsbalken machen Zahlen \u00fcber Spalten hinweg optisch leicht vergleichbar.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Voraussetzungen<\/h2>\n\n\n\n
Punkt<\/th>Details<\/th><\/tr><\/thead>
Tarif<\/strong><\/td>WP Table Builder Pro<\/a><\/td><\/tr>
Wo<\/strong><\/td>Elemente<\/strong> (Tab) im Builder, Pro<\/strong> (Gruppe)<\/td><\/tr>
Ben\u00f6tigte Zeit<\/strong><\/td>Etwa 1 Minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

So f\u00fcgen Sie das Element Progress Bar hinzu<\/h2>\n\n\n\n
    \n
  1. \u00d6ffnen Sie die Tabelle im Builder und klicken Sie auf Elemente<\/strong> .<\/li>\n\n\n\n
  2. Ziehen Sie Fortschrittsbalken<\/strong> in eine Zelle, oder geben Sie progress bar<\/code> unter Search elements<\/strong> zuerst ein.<\/li>\n\n\n\n
  3. Klicken Sie auf das Element, um seine Einstellungen im linken Bereich zu \u00f6ffnen.<\/li>\n\n\n\n
  4. Klicken Sie auf Save<\/strong> , wenn Sie fertig sind.<\/li>\n<\/ol>\n\n\n\n
    \"Vergleichstabelle<\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    Einstellungen von Progress Bar<\/h2>\n\n\n\n
    Einstellung<\/th>Was es tut<\/th><\/tr><\/thead>
    Value<\/strong><\/td>Der gef\u00fcllte Prozentwert<\/td><\/tr>
    Thickness<\/strong><\/td>H\u00f6he des Balkens in px<\/td><\/tr>
    Color: Primary Color<\/strong><\/td>Der gef\u00fcllte Teil<\/td><\/tr>
    Color: Secondary Color<\/strong><\/td>Der leere Hintergrund<\/td><\/tr>
    Padding \/ Margin<\/strong><\/td>Spacing<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    H\u00e4ufig gestellte Fragen<\/h2>\n\n\n
    \n
    \n\t\t\t
    \n\t\t\t

    Wie f\u00fcge ich einer Tabelle einen Fortschrittsbalken hinzu?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    F\u00fcgen Sie das Element Progress Bar (Pro) hinzu und legen Sie seinen Value fest.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

    \n\t\t\t
    \n\t\t\t

    Kann ich \u00fcber dem Balken eine Beschriftung anzeigen?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    F\u00fcgen Sie in derselben Zelle dar\u00fcber ein Text-Element hinzu, zum Beispiel \u201e14 Stunden\u201c.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n

    <\/div><\/div><\/div>\n\n\n

    Verwandte Dokumente<\/h2>\n\n\n\n