✨Notion 教學|打造專屬進度條:3 款實用公式一次分享!

更新 發佈閱讀 6 分鐘

在 Notion 裡建立任務追蹤器時,如果能加上一條動態更新的「進度條」,不只讓完成度一目瞭然,還能大大提升使用體驗與行動動力!

今天就來分享我最常用的 3 種 Notion 進度條公式,從經典條狀風,到趣味 emoji 版本,通通免費、無需外掛,讓你的資料庫馬上升級!



🟡 開場|進度條這件小事,為什麼這麼重要?

你是否有這樣的經驗?

  • ✅ 開始了一個 30 天挑戰
  • 📚 建立了閱讀清單
  • 🎯 展開了一個新專案

但是……面對一堆 Check Box,總覺得進展緩慢?甚至忘了哪些做完、哪些還沒開始?

這時候,只要加入一條簡單的「進度條」,你就能:

☑️ 一眼掌握進度

☑️ 激起持續完成的動力

☑️ 看見進展,也看見成就!



🧩 Notion 進度條的基本原理

📌 要製作進度條,你需要這幾個欄位組合:

  1. ✅ 一個「完成狀態」的欄位(如 Checkboxes)
  2. ➕ 一個總數的欄位(可以用 「匯總(Rollup)、自動計算、或固定值)
  3. 📐 用公式欄去計算「完成百分比」→ 再轉換成進度條圖形

這些元素組合起來,就能打造出一個動態更新的「視覺化進度條」。



🛠 實作教學:3 步驟搞定進度條

以下用「任務追蹤」為例:

✅ Step 1:建立「任務資料庫」

在這個資料庫中,每筆資料代表一個任務。

raw-image


「任務資料庫」欄位設定如下:

  • 「是否完成」: Checkbox ✅
  • 「關聯關係(Relation)」: 關聯到「專案資料庫」



✅ Step 2:建立「專案資料庫」+「匯總(Rollup)」設定

每筆資料代表一個專案

raw-image


「專案資料庫」欄位設定如下:

  • 任務總數「匯總(Rollup)」
    • 關聯欄位:任務資料庫
    • 屬性:「是否完成(✅)
    • 計算:全部數量(Count All)
  • 完成任務數「匯總(Rollup)」
    • 關聯欄位:任務資料庫
    • 屬性:選擇「是否完成(✅)」
    • 計算:勾選(Checked)
  • 進度百分比「公式(Formula)」
    if(prop("任務總數") == 0, 0, prop("完成任務數(✅)") / prop("任務總數"))



✅ Step 3:建立視覺化進度條(公式)

以下是我精選的三款風格公式,根據喜好自由選用!

① 經典黑白格版本(極簡條狀風)

repeat("█",floor(prop("完成任務數(✅)")/(prop("任務總數"))* 10)) 
+ repeat("░", ceil(10 - prop("完成任務數(✅)")/(prop("任務總數")) * 10 ))
+ " " + format(floor(prop("進度百分比") * 100)) + "%"

🟢 效果展示:

raw-image

適合:工作專案、任務控制塔,專業感滿分。



② Emoji 進度條(藍白方塊)

repeat("🟦",floor(prop("完成任務數(✅)")/(prop("任務總數"))* 10)) 
+ repeat("⬜️", ceil(10 - prop("完成任務數(✅)")/(prop("任務總數")) * 10 ))
+ " " + format(floor(prop("進度百分比") * 100)) + "%"

🔵 效果展示:

raw-image

適合:學習任務、個人專案,清爽又不失趣味。



③ 彩虹愛心進度條(漸層風格)

format(substring("💛💛🧡🧡🤎🤎❤️❤️💜💜 ", 0, floor(prop("進度百分比")*10)*2) 
+ format(substring("🤍🤍🤍🤍🤍🤍🤍🤍🤍🤍", 0, (ceil( 10-prop("進度百分比")*10)*2)))
+ " " + format(round(prop("進度百分比")*100)) + "%")

🌈 效果展示:

raw-image

適合:習慣追蹤器、情緒日記、學習計畫表,視覺療癒感滿滿!



🔍公式拆解說明

1️⃣ repeat("🟦", floor(...))

  • 根據完成任務比例,顯示幾個「🟦」
  • floor() 確保結果為整數
  • 比例乘以 10,讓總長為 10 格

2️⃣ repeat("⬜️", ceil(...))

  • 顯示剩餘未完成的格子(白框)
  • ceil() 確保與上方加起來總是 10

3️⃣ format(...) + "%"

  • 把小數轉成百分比顯示(例如 0.6 → 60%)



💡 應用場景建議|讓進度條更有價值

進度條不只是圖形,而是一種「可視化節奏管理」。

raw-image


📌 以下這些情境都超適合用上進度條公式:

🎯 OKR 目標追蹤

每個 KR(關鍵成果)由子任務構成,用進度條顯示進度。

📦 客戶專案管理

每個客戶為一個專案,進度條顯示交付流程完成度。

💼 業務開發流程

每個潛在合作案有一系列前置任務,條狀圖掌握進展。

🧪 個人挑戰追蹤

例如 14 天習慣養成挑戰,也能套用這樣的邏輯!



📝 結語:讓進度條成為你的動力引擎

進度條不只是裝飾,它是你努力過程的可視化見證。

每一格推進的瞬間,都是你在往目標靠近的證明。

希望這篇文章能幫助你輕鬆打造自己的任務追蹤系統,把進度條變成每日的小小成就感來源!




📌 如果你也有私藏 Notion 公式,歡迎留言交流分享!

🔖 喜歡這篇文章?記得收藏、追蹤「claire's Lab」,不錯過更多 Notion 技巧!


留言
avatar-img
留言分享你的想法!
avatar-img
Claire's Lab
13會員
25內容數
Hi 我是Claire👋 歡迎來到 Claire's Lab,這裡是一間專為自我整理與創作節奏設計的小實驗室。 我分享 Notion 模板、效率生活靈感與實用的數位方法,陪你在混亂中找回秩序, 一點一滴,打造屬於自己的節奏感人生。
你可能也想看
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
這篇文章講述如何將計畫付諸實行,遇到的困難與挑戰,以及作者自己的克服方式。希望在生活中能有所啟發,找到自己的目標與策略,以及打破拖延症,培養行動力。
Thumbnail
這篇文章講述如何將計畫付諸實行,遇到的困難與挑戰,以及作者自己的克服方式。希望在生活中能有所啟發,找到自己的目標與策略,以及打破拖延症,培養行動力。
Thumbnail
在 Notion 中設計每日習慣打卡的方法,可以讓你自動新增每日項目,解決每日新增欄位和手動輸入日期的問題。
Thumbnail
在 Notion 中設計每日習慣打卡的方法,可以讓你自動新增每日項目,解決每日新增欄位和手動輸入日期的問題。
Thumbnail
在這個快節奏的生活中,有效管理時間至關重要。而要達到這個目標,我們需要一個靈活且功能豐富的日曆系統。今天,我將介紹一個結合了 Notion 和 Google Calendar 的強大工具:Notion Calendar。它不僅提供了日程管理的基本功能,還能讓你根據自己的需求來管理時間,進而提高效率。
Thumbnail
在這個快節奏的生活中,有效管理時間至關重要。而要達到這個目標,我們需要一個靈活且功能豐富的日曆系統。今天,我將介紹一個結合了 Notion 和 Google Calendar 的強大工具:Notion Calendar。它不僅提供了日程管理的基本功能,還能讓你根據自己的需求來管理時間,進而提高效率。
Thumbnail
第三步驟 : 提升單位時間內的專注力 昨天已經有談到時間的稀缺性,今天談談怎麼讓這個稀缺性的價值保持新鮮的訣竅。首先, 還是回到保持注意力這件事情。如果你在手機App Store上搜尋維持專注相關軟體,我相信你時間管理應該看到非常多五花八門的應用。
Thumbnail
第三步驟 : 提升單位時間內的專注力 昨天已經有談到時間的稀缺性,今天談談怎麼讓這個稀缺性的價值保持新鮮的訣竅。首先, 還是回到保持注意力這件事情。如果你在手機App Store上搜尋維持專注相關軟體,我相信你時間管理應該看到非常多五花八門的應用。
Thumbnail
方向不對,努力白費。我們需要有目標的時間規劃。
Thumbnail
方向不對,努力白費。我們需要有目標的時間規劃。
Thumbnail
解析「高效能時間管理矩陣」,一個結合長短期目標與效率效能的四象限框架。文章指引我們如何設定並實現長期人生滿意的目標,同時達成短期的階段性目標。並透過日常紀律養成,逐漸建立起長期效率的飛輪效應。這不僅是時間管理的策略,更是塑造充實生活的指南。
Thumbnail
解析「高效能時間管理矩陣」,一個結合長短期目標與效率效能的四象限框架。文章指引我們如何設定並實現長期人生滿意的目標,同時達成短期的階段性目標。並透過日常紀律養成,逐漸建立起長期效率的飛輪效應。這不僅是時間管理的策略,更是塑造充實生活的指南。
Thumbnail
你是否常常感到自己一天浪費了哪裡?學不會有效利用時間? 這次微光研究室推出兩款手寫日計畫電子模板,讓你量化每個時刻,詳細規劃每天時段,高效安排時程,以條列化方式掌握時間,用量化的方式紀錄努力成果。
Thumbnail
你是否常常感到自己一天浪費了哪裡?學不會有效利用時間? 這次微光研究室推出兩款手寫日計畫電子模板,讓你量化每個時刻,詳細規劃每天時段,高效安排時程,以條列化方式掌握時間,用量化的方式紀錄努力成果。
Thumbnail
寫給忙碌於讀書、生活或工作中的你!我從大學開始就有這個三步驟習慣,當時雙主修又參加社團、服務隊,非常忙碌,所以開始照著這三個步驟開始整理我的生活。這可以用任何工具去實現,文章最後也會分享我現在如何用Notion來進行這三個步驟,跟你分享!
Thumbnail
寫給忙碌於讀書、生活或工作中的你!我從大學開始就有這個三步驟習慣,當時雙主修又參加社團、服務隊,非常忙碌,所以開始照著這三個步驟開始整理我的生活。這可以用任何工具去實現,文章最後也會分享我現在如何用Notion來進行這三個步驟,跟你分享!
Thumbnail
請你相信書寫的力量。時間雖然不等人,往前衝,我們卻可以透過文字紀錄來掌握時間,在展望與回顧之間,獲得勇往直前的力量。
Thumbnail
請你相信書寫的力量。時間雖然不等人,往前衝,我們卻可以透過文字紀錄來掌握時間,在展望與回顧之間,獲得勇往直前的力量。
Thumbnail
在這個充滿龐雜任務的社會,有效率的管理更為重要。 今天,要向大家介紹的是一款自製的 Notion 時間管理模板 — "Notion 自動化時間追蹤&條理你的生活"。這個模板不僅能夠讓你簽到和簽退、追蹤時間、統計工作類型,還提供了三種不同的色彩模板,讓你輕鬆又簡單地記錄時間,進而優化你的時間管理策略。
Thumbnail
在這個充滿龐雜任務的社會,有效率的管理更為重要。 今天,要向大家介紹的是一款自製的 Notion 時間管理模板 — "Notion 自動化時間追蹤&條理你的生活"。這個模板不僅能夠讓你簽到和簽退、追蹤時間、統計工作類型,還提供了三種不同的色彩模板,讓你輕鬆又簡單地記錄時間,進而優化你的時間管理策略。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News