{"id":6627,"date":"2020-07-23T12:45:38","date_gmt":"2020-07-23T10:45:38","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/so-erstellen-sie-eine-fortschrittsleiste-in-notion\/"},"modified":"2026-09-02T22:29:56","modified_gmt":"2026-09-02T20:29:56","slug":"so-erstellen-sie-eine-fortschrittsleiste-in-notion","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/de\/so-erstellen-sie-eine-fortschrittsleiste-in-notion\/","title":{"rendered":"So erstellen Sie eine Fortschrittsleiste in Notion"},"content":{"rendered":"\n

Visuelle Fortschrittsleisten bieten eine schnelle Momentaufnahme des Status eines Prozesses, verbessern die \u00c4sthetik und sind eine subtile Motivationsquelle. Sie sind nicht wirklich eine native Funktion von Notion, aber wir k\u00f6nnen sie erreichen, indem wir Sonderzeichen mit einigen Funktionen von Notion kombinieren, und das Ergebnis ist wirklich ansprechend. <\/p>\n\n

\nhttps:\/\/vimeo.com\/441429597\n<\/div>
Klicken Sie auf die PLAY-Schaltfl\u00e4che, um das Video anzusehen<\/figcaption><\/figure>\n\n
<\/div>\n\n

Erforderliche Funktionen<\/h2>\n\n

Um Fortschrittsleisten zu erstellen, verwenden wir diese drei Funktionen.<\/p>\n\n

slice(Text<\/span><\/em>, Zahl<\/span><\/em>, Zahl<\/span><\/em>)<\/h3>\n\n

Die Funktion slice()<\/span><\/em> gibt uns ein Segment oder einen Teil des Textes zur\u00fcck, den wir bereitgestellt haben. Diese Funktion ben\u00f6tigt mindestens zwei Parameter, obwohl wir optional drei verwenden k\u00f6nnen: <\/p>\n\n

  1. Originaltext, aus dem wir einen Teil erhalten werden.<\/li>
  2. Startpunkt, wobei das erste Zeichen 0<\/span><\/code> ist.<\/li>
  3. Endpunkt (optional)<\/li><\/ol>\n\n

    Beispiel 1:<\/em> slice(\"La Colmena Tecnol\u00f3gica.\", 3, 10)<\/span><\/code><\/strong> \u2192 „Colmena“<\/p>\n\n

    Beispiel 2:<\/em> slice(\"La Colmena Tecnol\u00f3gica.\", 11, 22)<\/span><\/code><\/strong> \u2192 „Tecnol\u00f3gica“<\/p>\n\n

    \"\"<\/figure><\/div>\n\n

    Leerzeichen z\u00e4hlen ebenfalls als Zeichen. Der Parameter Endpunkt schlie\u00dft im Gegensatz zum Startpunkt das Zeichen nicht ein<\/strong>, daher m\u00fcssen wir, um das letzte Zeichen einzuschlie\u00dfen, die Position direkt danach angeben.<\/p><\/blockquote>\n\n

    <\/div>\n\n

    round(Zahl<\/span><\/span><\/em>)<\/h3>\n\n

    Die Funktion round()<\/span><\/em> rundet eine angegebene Dezimalzahl auf die n\u00e4chste ganze Zahl.<\/p>\n\n

    Beispiel 1:<\/em> round( 3.2 )<\/span><\/code> \u2192 3<\/span><\/p>\n\n

    Beispiel 2:<\/em> round( 3.5 )<\/span><\/code> \u2192 4<\/span><\/p>\n\n

    <\/div>\n\n

    format(Wert<\/span><\/span><\/em>)<\/h3>\n\n

    Die Funktion format()<\/span><\/em> konvertiert eine angegebene Zahl oder ein Datum in eine Textzeichenfolge.<\/p>\n\n

    Beispiel:<\/em> format( 20 )<\/span><\/code> \u2192 \"20\"<\/span><\/code><\/p>\n\n

    Prozentsatz-Eigenschaft<\/h2>\n\n

    Um Ihren Fortschritt zu visualisieren, m\u00fcssen Sie ihn zun\u00e4chst als Prozentsatz in einer separaten Eigenschaft berechnen.<\/p>\n\n

    F\u00fcr jedes Projekt in Ihrer Datenbank haben Sie m\u00f6glicherweise eine Eigenschaft f\u00fcr die insgesamt erforderlichen Einheiten zur Fertigstellung und dann eine weitere Eigenschaft f\u00fcr die aktuell abgeschlossenen Einheiten.<\/p>\n\n

    In einer Eigenschaft Fortschritt %<\/em> teilen wir die abgeschlossenen Einheiten durch die Gesamteinheiten:<\/p>\n\n

    \"Notion
    Tabelle mit einer als Prozentsatz formatierten Eigenschaft<\/figcaption><\/figure>\n\n

    prop(\"Unidades completadas\") \/ prop(\"Unidades totales\")<\/span><\/code><\/p>\n\n\n\n

    Hier k\u00f6nnen Sie sehen, wie Sie die unsch\u00f6nen Dezimalstellen in einer Formel entfernen k\u00f6nnen, die uns ein Prozentergebnis liefert. <\/p>\n\n\n\n

    \"Notion
    Mit Rundung von Prozents\u00e4tzen<\/figcaption><\/figure>\n\n\n\n

    round(100 * prop(\"Unidades completadas\") \/ prop(\"Unidades totales\")) \/ 100<\/span><\/code><\/p>\n\n\n\n

    Sonderzeichen zum Erstellen unserer Fortschrittsleiste<\/h2>\n\n

    Die Fortschrittsleiste enth\u00e4lt Sonderzeichen zur Darstellung der vollst\u00e4ndigen und unvollst\u00e4ndigen Segmente. Obwohl Sie sie nach Ihrem Geschmack ausw\u00e4hlen k\u00f6nnen, hier einige Vorschl\u00e4ge: <\/p>\n\n

    • Schattierungen \u2192 \u2593\u2591<\/li>
    • Sterne \u2192 \u2605\u2606<\/li>
    • Kreise \u2192 \u25cf\u25cb<\/li><\/ul>\n\n
      \"Notion
      Tabelle mit Fortschrittsleisten-Eigenschaft<\/figcaption><\/figure>\n\n

      Mit der erstellten Eigenschaft Fortschritt %<\/strong> und den festgelegten Sonderzeichen k\u00f6nnen wir nun die Fortschrittsleiste erstellen. Erstellen Sie eine neue Formel-Eigenschaft, benennen Sie sie mit Fortschritt und f\u00fcgen Sie dann diese Formel hinzu: <\/p>\n\n

      Code mit schattierten Zeichen<\/h3>\n\n

      slice(\"\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\", 0, round(prop(\"Progreso %\") * 10)) + slice(\"\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\", 0, 10 - round(prop(\"Progreso %\") * 10)) + \" \" + format(round(prop(\"Progreso %\") * 100)) + \"%\"<\/span><\/code><\/p>\n\n

      Code mit Stern-Zeichen<\/h3>\n\n

      slice(\"\u2605\u2605\u2605\u2605\u2605\u2605\u2605\u2605\u2605\u2605\", 0, round(prop(\"Progreso %\") * 10)) + slice(\"\u2606\u2606\u2606\u2606\u2606\u2606\u2606\u2606\u2606\u2606\", 0, 10 - round(prop(\"Progreso %\") * 10)) + \" \" + format(round(prop(\"Progreso %\") * 100)) + \"%\"<\/span><\/code><\/p>\n\n

      Code mit Kreis-Zeichen<\/h3>\n\n

      slice(\"\u25cf\u25cf\u25cf\u25cf\u25cf\u25cf\u25cf\u25cf\u25cf\u25cf\", 0, round(prop(\"Progreso %\") * 10)) + slice(\"\u25cb\u25cb\u25cb\u25cb\u25cb\u25cb\u25cb\u25cb\u25cb\u25cb\", 0, 10 - round(prop(\"Progreso %\") * 10)) + \" \" + format(round(prop(\"Progreso %\") * 100)) + \"%\"<\/span><\/code><\/p>\n\n

      Sie m\u00fcssen nur die Symbole in der Formel durch diejenigen ersetzen, die Ihnen am besten gefallen.<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

      Visuelle Fortschrittsleisten bieten eine schnelle Momentaufnahme des Status eines Prozesses, verbessern die \u00c4sthetik und sind eine subtile Motivationsquelle. Sie sind nicht wirklich eine native Funktion von Notion, aber wir k\u00f6nnen sie erreichen, indem wir Sonderzeichen mit einigen Funktionen von Notion kombinieren, und das Ergebnis ist wirklich ansprechend. Erforderliche Funktionen Um Fortschrittsleisten zu erstellen, verwenden wir […]<\/p>\n","protected":false},"author":7,"featured_media":6628,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"So erstellen Sie visuelle Fortschrittsleisten in Notion","_seopress_titles_desc":"Lernen Sie, wie Sie visuelle Fortschrittsleisten in Notion mit Formeln, Prozentangaben und Sonderzeichen erstellen, um Ihre Projekte auf einen Blick zu verfolgen.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":"","_bricks_page_content_2":[],"_bricks_page_header_2":[],"_bricks_page_footer_2":[]},"categories":[414],"tags":[423,415],"class_list":["post-6627","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-notion","tag-datenbanken-in-notion","tag-produktivitat"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/comments?post=6627"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6627\/revisions"}],"predecessor-version":[{"id":6629,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6627\/revisions\/6629"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media\/6628"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media?parent=6627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/categories?post=6627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/tags?post=6627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}