Progress Bars
24 Free Aesthetic Notion Progress Bar Formula Templates & Designs
Copy and paste these beautiful Notion formulas to enhance the functionality and productivity of your workspace!
See Examples1. Black Square Progress Bar
■■■■□□□□□□ 40%
Click the button to copy:
"■".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%
Click the button to copy:
"▣".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%
Click the button to copy:
"▮".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%
Click the button to copy:
"▓".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%
Click the button to copy:
"█".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%
Click the button to copy:
"♟".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%
Click the button to copy:
"✓".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%
Click the button to copy:
"▲".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%
Click the button to copy:
"★".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%
Click the button to copy:
"★".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%
Click the button to copy:
"⬤".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%
Click the button to copy:
"🖤".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%
Click the button to copy:
"◆".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%
Click the button to copy:
"◐".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%
Click the button to copy:
"⬢".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%
Click the button to copy:
"☾".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%
Click the button to copy:
"/".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%
Click the button to copy:
"—".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%
Click the button to copy:
"▁".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%
Click the button to copy:
"▌".repeat(floor(10 * prop("Current") / prop("Total"))) + format(floor(100 * prop("Current") / prop("Total"))) + "%"
21. Animal Kingdom (No Tails)
𓅃𓅃𓅃𓅃 40%
Click the button to copy:
"𓅃".repeat(floor(10 * prop("Current") / prop("Total"))) + " " + format(floor(100 * prop("Current") / prop("Total"))) + "%"
22. Battery Progress Bar
🔋🔋🔋🔋🔌🔌🔌🔌🔌🔌 40%
Click the button to copy:
"🔋".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%
Click the button to copy:
"🔥".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%
Click the button to copy:
"✅ ".repeat(floor(10 * prop("Current") / prop("Total"))) + " " + format(floor(100 * prop("Current") / prop("Total"))) + "%"
%20removebcg.png)