노션 진행률을 컬러풀한 막대바로 표현하는 방법🎨

노션기능

노션한잔 2025. 6. 5. 14:35

안녕하세요 😊 오늘은 노션 초보자분들도 쉽게 따라할 수 있는 꿀팁 하나를 소개해드리려 해요.
바로 진행률을 시각적인 막대바(Progress Bar)로 표현하는 방법이에요!

할 일 목록, 프로젝트 관리, 공부 계획 등에서 "얼마나 완료됐는지" 직관적으로 보고 싶을 때 유용하답니다.

1. ✅ 기본 테이블 만들기

표 보기 데이터 베이스를 생성한 후 실제값와 목표값은 숫자 속성으로 그리고 진행률은 수식 속성으로 만들어 줍니다.

진행률 속성 마우스 우클릭 혹은 오른쪽 점 세개 > 속성 편집 > 수식 편집

다음과 같이 실제값을 목표값으로 나누는 식을 작성해줍니다.

본인 설정한 속성 이름대로 적어주면 됩니다.

EX. 완료 항목 수/ 전체 항목 수

그러면 새로운 옵션창이 나오는데요.

숫자 형식은 %로 표시 옵션은 막대나 원형으로, 마지막으로 색상도 원하는 색으로 바꾸면 끝 !

이렇게 깔끔하고 심플한 막대바 완성

조금 더 업그레이드해서 만드는 방법을 알려드릴게요.

위 사이트에 들어간 후

COPY FOMULAS를 클릭해 수식을 복사해줍니다.

길지만 수식 자체는 매우 간단합니다.

.5가 0.1보다 작으면 빨간색 칸 하나, 0.2보다 작으면 빨간색 칸 두 개 …

요런식으로 표시하라는 if 구문 수식

이전과 같이 진행률 수식 편집을 들어간 후 복사한 수식 붙여넣기

속성명이 다르기 때문에 아래 빨간색으로 경고 표시가 나와서 속성명만 바꿔주면 돼요!

이때 .5 라고 적힌 부분을 실제/목표로 모두 바꾸어주면 해결됩니다.

빨간색 글씨가 사라졌으면 완료 버튼 누르기

짜자잔

훨씬 더 직관적이고 귀여운 진행바가 완성 됐습니다.

만드는 방법은 간단한데 한끗 차이로 퀄리티가 높아보이죠?!

이번 막대바 기능을 활용해서 프로젝트, 공부, 습관 트래킹 등 다양한 활동에 적용해보세요!

더 많은 노션 꿀팁이 궁금하다면 댓글이나 DM 주세요 😄
좋아요와 공유도 큰 힘이 됩니다!