Creating Native Progress Bars in Notion

Follow along as Red Gregory explains the latest Notion progress bar feature that allows you to easily add progress bars and circular progress indicators to your Notion pages.
Tools mentioned
No items found.
Tutorial overview

Introduction

  • Overview of the new native progress bar feature in Notion
  • How to follow along with the tutorial

Creating a Progress Bar

  • Using a number property or formula property to create a progress bar
  • Showing the progress bar as a percentage using the property menu

Interesting Use Cases

  • Creating a habit tracker using the progress bar
  • Creating a percentage number to show with the progress bar
  • Rounding numbers and adding a percentage symbol using functions

Conclusion

  • Recap of the tutorial on the native progress bar feature in Notion
  • Resources for following along with the tutorial and seeing the finished examples

Transcript

Welcome to this tutorial on the new native Notion progress bar feature in Notion. In this video, we're going to take a look at how to use the progress bar, as well as some interesting use cases. If you want to follow along, there is an empty page in the description below that you can use. There is also a completed template available with all of the finished examples and formulas.

To start, we're going to create a habit tracker using the progress bar feature. In this tracker, every page represents a new day and we have five different checkboxes to represent each habit. To create a progress bar in Notion, you can either use a number property or a formula property that returns a number. In this case, we're going to use a formula property.

To create the formula, we're going to use a function called "sum" and add up how many checkboxes are ticked as true. We'll do this for each of the five habits. Once we have our number, we can go to the property menu and choose to show the number as a progress bar. Since we want to show the progress as a percentage, we'll divide the number by the total number of habits (in this case, five).

We can also create a percentage number to show with the progress bar. To do this, we'll take the result from our previous formula and divide it by five to get a clean number. We'll then use the "floor" function to round the number down and the "concat" function to add a percentage symbol to the end.

That's it for this tutorial on the native progress bar feature in Notion. I hope you found it helpful and are able to use it in your own projects. Don't forget to check out the completed template and empty page in the description if you want to follow along or see the finished examples. Thanks for watching.