24 Free Aesthetic Notion Progress Bar Templates & Designs

1. Black Square Progress Bar

■■■■□□□□□□ 40%

Copy the Notion formula:

   
"■".repeat(floor(prop("Current") / prop("Total") * 10)) + "□".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

2. Boxed Progress Bar

▣▣▣▣▤▤▤▤▤▤ 40%

Copy the Notion formula:

   
"▣".repeat(floor(prop("Current") / prop("Total") * 10)) + "▤".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

3. Vertical Progress Bar

▮▮▮▮▯▯▯▯▯▯ 40%

Copy the Notion formula:

   
"▮".repeat(floor(prop("Current") / prop("Total") * 10)) + "▯".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

4. Loading Progress Bar

▓▓▓▓░░░░░░ 40%

Copy the Notion formula:

   
"▓".repeat(floor(prop("Current") / prop("Total") * 10)) + "░".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"


5. Black Loading Progress Bar

████░░░░░░ 40%

Copy the Notion formula:

   
"█".repeat(floor(prop("Current") / prop("Total") * 10)) + "░".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"


6. Chess Progress Bar

♟♟♟♟♖♖♖♖♖♖ 40%

Copy the Notion formula:

   
"♟".repeat(floor(prop("Current") / prop("Total") * 10)) + "♖".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

7. Checkmarks Progress Bar

✓✓✓✓□□□□□□ 40%

Copy the Notion formula:

   
"✓".repeat(floor(prop("Current") / prop("Total") * 10)) + "□".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

8. Triangle Progress Bar

▲▲▲▲△△△△△△ 40%

Copy the Notion formula:

   
"▲".repeat(floor(prop("Current") / prop("Total") * 10)) + "△".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"


9. Star Progress Bar

★★★★☆☆☆☆☆☆ 40%

Copy the Notion formula:

   
"★".repeat(floor(prop("Current") / prop("Total") * 10)) + "☆".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

10. Star Dots Progress Bar

★★★★•••••• 40%

Copy the Notion formula:

   
"★".repeat(floor(prop("Current") / prop("Total") * 10)) + "•".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

11. Circle Progress Bar

⬤⬤⬤⬤〇〇〇〇〇〇 40%

Copy the Notion formula:

   
"⬤".repeat(floor(prop("Current") / prop("Total") * 10)) + "〇".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"


12. Heart Progress Bar

♥♥♥♥♡♡♡♡♡♡ 40%

Copy the Notion formula:

‍

"🖤".repeat(floor(prop("Current") / prop("Total") * 10)) + "♡".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

13. Diamond Progress Bar

◆◆◆◆◇◇◇◇◇◇ 40%

Copy the Notion formula:

   
"◆".repeat(floor(prop("Current") / prop("Total") * 10)) + "◇".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

14. Half Moon Progress Bar

◐◐◐◐◯◯◯◯◯◯ 40%

Copy the Notion formula:

   
"◐".repeat(floor(prop("Current") / prop("Total") * 10)) + "◯".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

15. Hexagon Progress Bar

⬢⬢⬢⬢⬡⬡⬡⬡⬡⬡ 40%

Copy the Notion formula:

   
"⬢".repeat(floor(prop("Current") / prop("Total") * 10)) + "⬡".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

16. Cresent Progress Bar

☾☾☾☾☽☽☽☽☽☽ 40%

Copy the Notion formula:

   
"☾".repeat(floor(prop("Current") / prop("Total") * 10)) + "☽".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

17. Minimalist Slashes Progress Bar

////------ 40%

Copy the Notion formula:

   
"/".repeat(floor(prop("Current") / prop("Total") * 10)) + "-".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

18. Circle Slider Style

————●—————— 40%

Copy the Notion formula:

   
"—".repeat(floor(10 * prop("Current") / prop("Total"))) + "●" + "—".repeat(10 - floor(10 * prop("Current") / prop("Total"))) + " " + format(floor(100 * prop("Current") / prop("Total"))) + "%"

19. Floating Slider Style

▁▁▁▁▅▁▁▁▁▁ 40%

Copy the Notion formula:

   
"▁".repeat(floor(10 * prop("Current") / prop("Total"))) + "▅" + "▁".repeat(10 - floor(10 * prop("Current") / prop("Total"))) + " " + format(floor(100 * prop("Current") / prop("Total"))) + "%"

20. Chopped Bar (No Tails)

▌▌▌▌ 40%

Copy the Notion formula:

   
"▌".repeat(floor(10 * prop("Current") / prop("Total"))) + format(floor(100 * prop("Current") / prop("Total"))) + "%"

21. Animal Kingdom (No Tails)

𓅃𓅃𓅃𓅃 40%

Copy the Notion formula:

   
"𓅃".repeat(floor(10 * prop("Current") / prop("Total"))) + " " + format(floor(100 * prop("Current") / prop("Total"))) + "%"

22. Battery Progress Bar

🔋🔋🔋🔋🔌🔌🔌🔌🔌🔌 40%

Copy the Notion formula:

   
"🔋".repeat(floor(prop("Current") / prop("Total") * 10)) + "🔌".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

23. Fire Progress Bar

🔥🔥🔥🔥⬜⬜⬜⬜⬜⬜ 40%

Copy the Notion formula:

   
"🔥".repeat(floor(prop("Current") / prop("Total") * 10)) + "⬜".repeat(10 - floor(prop("Current") / prop("Total") * 10)) + " " + format(floor(prop("Current") / prop("Total") * 100)) + "%"

24. Checked Emoji (No Tails)

✅ ✅ ✅ ✅ 40%

Copy the Notion formula:

   
"✅ ".repeat(floor(10 * prop("Current") / prop("Total"))) + " " + format(floor(100 * prop("Current") / prop("Total"))) + "%"