Notion Progress Bar Formula Generator
Made by Clarity MasteryCreate aesthetic and colorful Notion progress bars in one click. Enter symbols/emojis, preview your bar, and copy the Notion formula into your database.
The property name where the 'completed' number is stored
The property name where the 'total' number is stored
Example: ■ ⬤ ▓ █ ▣ ✓ ▲ ★ ▌ ● ⬢ ♥ ✅ 📕
Example: □ ◯ ░ △ ☆ ▯ ⬡ ♡ ⭕️ ◻️
Example: red, orange, yellow, blue, green, purple, pink, gray (not hex code)
* The preview below is an estimate and may differ from the final result.
Notion Life Planner Template
Get your personal life organized. Track your goals, tasks, notes, habits, journal, notes, and finances.
Get Life Planner Template
Frequently Asked Questions
What is a Notion progress bar generator?
Notion Progress Bar Generator is a free online tool created by Clarity Mastery. It generates custom progress bar formula for Notion, allowing you to copy and paste it into your database for easy customization.
How to use the Notion progress bar generator?
Enter the property names for your ‘Total’ and ‘Completed’ columns. Select a symbol to represent completed progress and another for remaining progress. Click "Generate Formula" to create your custom progress bar.
Popular progress bar designs that look aesthetic?
You can use these symbols combination in our progress bar formula generator:
(⬤ + ◯), (▓ + ░), (█ + ░), (▣ + □), (✓ + □), (▲ + △), (★ + ☆)
How to display only the filled bars for the completed value, without showing the remaining value?
You can shorten your custom progress bars using our Progress Bar Generator. For example:
Leave the 'Remaining Symbol' field empty, and you'll get: ■■■■ 40%.
Enter a symbol in the 'Remaining Symbol' field, and you'll get: ■■■■□□□□□□ 40%.
How to create emoji progress bar in Notion?
Apply the emojis combination for completed and incomplete progress:
(📕 + ⬜️), (✅ + ◻️), (🏃♂️ + -), (🌳 + -)
How to create colorful progress bar in Notion?
Apply the color emojis combination with the Notion formula:
(🟩 + ⬜), (🔵 + ⚪), (🔴 + ⚪), (🟡 + ⚪), (🟪 + ⬜)
Alternatively, you can use any web symbols and enter the color name (not a hex code) in our Progress Bar Generator. This will adjust the color display of your custom progress bar in the Formula property.
Note: The bar color will only use Notion's built-in color scheme and does not support custom hex codes.
What is a a custom progress bar in Notion?
Unlike Notion’s built-in progress bars, a custom Notion progress bar uses a Formula property with custom formulas to display progress using symbols, emojis, or blocks. This allows for greater customization, making it easier to personalize your progress tracking for goals, projects, habits, etc.