<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a5a1e3ce-00fa-46e4-9a75-58c2aed9e8ce/Notion_Fundamentals_with_Thomas_Frank_-_Avatar_2021.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a5a1e3ce-00fa-46e4-9a75-58c2aed9e8ce/Notion_Fundamentals_with_Thomas_Frank_-_Avatar_2021.png" width="40px" /> This example datebase uses the slice() function to create a simple progress bar. The output of the progress bar is determined by the Percent number property.

Created by Thomas Frank | Learn Notion Formulas | Notion Basics | Templates | Twitter

</aside>

Simple Progress Bar

// Compressed
slice("●●●●●●●●●●", 0, prop("Percent") * 10) + slice("○○○○○○○○○○", 0, (1 - prop("Percent")) * 10) + " " + format(prop("Percent") * 100) + "%"

// Expanded
slice(
    "●●●●●●●●●●", 
    0, 
    prop("Percent") * 10
) + 
slice(
    "○○○○○○○○○○", 
    0, 
    (1 - prop("Percent")) * 10
) + 
" " + 
format(
    prop("Percent") * 100
) + 
"%"

© Thomas Frank