⏱ Progress Formula | Notion guide

Alex Sherwood

Aug 9 '19 · 3 min read · 635 views

By Alex Sherwood

📖 Notion formula reference guide

Contents

🎬 Demo

👨‍🏫 Guide

Formula example

Name	Hours completed	Hours allocated
Example 1	0	100
Example 2	8	100
Example 3	50	100
Example 4	95	100
Example 5	100	100

🧱 Building the formula step by step

🚨

If you get an error message about a ‘syntax error’ when copying and pasting these formulas, try copying the ‘Unformatted formula’ from the toggle list instead.

% calculation:

prop("Hours completed") / prop("Hours allocated") * 100

Convert to text:

format(prop("Hours completed") / prop("Hours allocated") * 100)

Add % symbol:

format(prop("Hours completed") / prop("Hours allocated") * 100) + "%"

Add if statement & output if "Hours completed" is empty or zero:

if(prop("Hours completed") / prop("Hours allocated") == 0, "❌" ,"")

Add ■ progress marker:

notes
The easiest way to insert the squares on a Mac is from the character picker
Strangely I found that Notion inverts the colour of this symbol in dark mode so I had to use White Square, rather than Black Square.
But as I'm guessing that most people reading this aren't using dark mode, I've used Black Square in this guide.
You can use the standard emoji squares which presumably keep their colour but I found that they didn't align vertically with the text properly.

"■ " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%"

Add ■ number & % as output if "Hours completed" is greater than 0 and less than or equal to 0.1:

if(prop("Hours completed") / prop("Hours allocated") == 0, "❌", if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.1), "■ " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",""))

Add outputs for each tier that needs another ■ to indicate progress:

note
Although you can't see all of the spaces, either on this page or in the formula editor, I've added 31 spaces before the ❌ and ✅ emoji, plus enough spaces after each of the progress blocks to align the emoji and text in the progress column.

if(prop("Hours completed") / prop("Hours allocated") == 0, "                                  ❌",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.1), "■                               " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.2), "■■                           " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.3), "■■■                        " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.4), "■■■■                     " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.5), "■■■■■                  " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.6), "■■■■■■              " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.7), "■■■■■■■           " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.8), "■■■■■■■■        " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.9), "■■■■■■■■■     " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.99), "■■■■■■■■■■  " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
"")))))))))))

🎉 Finished formula

Add ✅ if task is 100% complete:

if(prop("Hours completed") / prop("Hours allocated") == 0, "                                  ❌",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.1), "■                               " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.2), "■■                           " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.3), "■■■                        " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.4), "■■■■                     " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.5), "■■■■■                  " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.6), "■■■■■■              " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.7), "■■■■■■■           " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.8), "■■■■■■■■        " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.9), "■■■■■■■■■     " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(smallerEq(prop("Hours completed") / prop("Hours allocated"), 0.99), "■■■■■■■■■■  " + format(prop("Hours completed") / prop("Hours allocated") * 100) + "%",
if(prop("Hours completed") / prop("Hours allocated") == 1, "                                  ✅",
""))))))))))))