<aside> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/YouTube_full-color_icon_(2017).svg/2560px-YouTube_full-color_icon_(2017).svg.png" alt="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/YouTube_full-color_icon_(2017).svg/2560px-YouTube_full-color_icon_(2017).svg.png" width="40px" /> $\textsf{\textbf{The Video}}$

</aside>

https://www.youtube.com/watch?v=Xh6OABd0mfk

You can find a blog post with a better explanation here.

<aside> 📄 $\textsf{\textbf{The Article}}$

</aside>

Notion Progress Bars (Free Template) - Never Productive

<aside> ❓ $\textsf{\textbf{Got Questions?}}$ Here are the ones I’ve heard the most often.

</aside>

• What’s makes this template special?
• How do I use this?
• How do I customize this?
• Need more help?

<aside> 👋 $\textsf{\textbf{Let's connect}}$

</aside>

<aside> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/YouTube_full-color_icon_(2017).svg/2560px-YouTube_full-color_icon_(2017).svg.png" alt="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/YouTube_full-color_icon_(2017).svg/2560px-YouTube_full-color_icon_(2017).svg.png" width="40px" /> YouTube

</aside>

<aside> <img src="https://cdn-icons-png.flaticon.com/512/124/124021.png" alt="https://cdn-icons-png.flaticon.com/512/124/124021.png" width="40px" /> Twitter

</aside>

<aside> <img src="https://seeklogo.com/images/D/discord-icon-new-2021-logo-09772BF096-seeklogo.com.png" alt="https://seeklogo.com/images/D/discord-icon-new-2021-logo-09772BF096-seeklogo.com.png" width="40px" /> Discord

</aside>

<aside> <img src="https://seeklogo.com/images/T/tiktok-app-icon-logo-0F5AD7AE01-seeklogo.com.png" alt="https://seeklogo.com/images/T/tiktok-app-icon-logo-0F5AD7AE01-seeklogo.com.png" width="40px" /> TikTok

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aa9fe994-5b94-4542-b325-57f542ceae51/Dark-Tree-Rounded-Corners.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aa9fe994-5b94-4542-b325-57f542ceae51/Dark-Tree-Rounded-Corners.png" width="40px" /> Blog

</aside>

Progress Bars

Precise Progress Bars

Here’s the formula. Notice the underlined 1’s — if the emoji you picked are not displaying correctly — try increasing this number. There are two of them, so play around until the whole thing displays the correct progress bar.

format(slice("✅✅✅✅✅✅✅✅✅✅", 0, floor(prop("Progress") * 10) * **1**) + if(empty(prop("Progress")), "❌", if(prop("Progress") == 0, "❌", if(mod(prop("Progress") * 100, 10) == 0, "", if(mod(prop("Progress") * 100, 10) >= 5, "〰️", "❌")))) + format(slice("❌❌❌❌❌❌❌❌❌", 0, floor(10 - prop("Progress") * 10) * **1**) + " " + format(round(prop("Progress") * 100)) + "%"))