Create aesthetic and colorful Notion progress bars in one click. Enter symbols or emojis, preview your bar, and copy the formula directly into your database. If you want to build it step-by-step, follow this guide on how to create a notion progress bar, or browse notion progress bar templates to copy and customize instantly.
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.
Now that you’ve created your progress bar, the real value comes from using it across your entire system—tracking goals, habits, and tasks in one place. Instead of building everything from scratch, you can use this inside a complete notion life planner template that already connects your progress tracking into a fully structured workflow.
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.
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.
You can use these symbols combination in our progress bar formula generator:
(⬤ + ◯), (▓ + ░), (█ + ░), (▣ + □), (✓ + □), (▲ + △), (★ + ☆)
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%.
Apply the emojis combination for completed and incomplete progress:
(📕 + ⬜️), (✅ + ◻️), (🏃♂️ + -), (🌳 + -)
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.
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.
