<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>
<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>
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)) + "%"))