노션 프로젝트 진행률 프로그레스 바 수식 적용하는 방법

IT

노션 프로젝트 진행률 프로그레스 바 수식 적용하는 방법

bernas 2026. 7. 5. 18:07
반응형

🌱 노션 진행률 표시가 막막하게 느껴지는 이유

숫자만 보면 얼마나 남았는지 감이 안 와요

프로젝트를 노션으로 관리하다 보면 진행률 육십 퍼센트라는 숫자만 덩그러니 적혀 있을 때가 많습니다.

숫자로는 머리로 계산이 되지만 한눈에 얼마나 남았는지 감이 잘 오지 않아서 오히려 더 막막하게 느껴지곤 합니다.

특히 노션을 처음 써보는 분들이라면 이 숫자를 눈에 보이는 막대로 바꾸는 방법 자체를 몰라서 그냥 포기하는 경우도 많습니다.

나만 어려운 게 아니니 걱정하지 않아도 됩니다

노션의 수식 기능은 처음 보면 코딩처럼 느껴져서 지레 겁을 먹게 됩니다.

하지만 걱정하지 마세요.

오늘 알려드리는 수식은 그대로 복사해서 붙여넣기만 하면 되는 수준이라, 수식을 한 번도 만들어본 적 없는 분도 오 분이면 충분히 따라 할 수 있습니다.

중요한 건 수식을 외우는 것이 아니라 붙여넣는 순서를 아는 것뿐입니다.

🛠️ 진행률 프로그레스 바 수식 만드는 방법

진행과 목표, 두 개의 숫자 속성부터 만들기

먼저 데이터베이스에 숫자 형식의 속성 두 개를 만들어야 합니다.

하나는 지금까지 진행한 양을 담을 진행 속성이고, 다른 하나는 전체 목표치를 담을 목표 속성입니다.

예를 들어 전체 업무가 열 개이고 그중 여섯 개를 끝냈다면 진행에는 육을, 목표에는 십을 입력하면 됩니다.

수식 속성에 프로그레스 바 공식 입력하기

이제 새로운 속성을 하나 추가하고 유형을 수식으로 바꿔주세요.

그리고 수식 편집창에 다음 공식을 그대로 붙여넣으면 됩니다.

if(prop("진행") / prop("목표") >= 1, "Done", slice("●●●●●●●●●●", 0, floor(prop("진행") / prop("목표") * 10)) + slice("○○○○○○○○○○", 0, ceil(10 - prop("진행") / prop("목표") * 10)) + " " + format(floor(prop("진행") / prop("목표") * 100)) + "%") 이 수식은 진행률에 맞춰 검은 원과 흰 원의 개수를 자동으로 조절해 막대 모양을 만들어주고, 마지막에 퍼센트 숫자까지 함께 보여줍니다.

완성된 진행률 바 눈으로 확인하기

공식을 입력하고 나면 진행과 목표 값이 바뀔 때마다 검은 원이 채워지는 모습을 실시간으로 확인할 수 있습니다.

진행률이 백 퍼센트를 넘기면 자동으로 완료라는 문구로 바뀌기 때문에 완료 여부를 별도로 체크할 필요가 없습니다. 표 보기뿐 아니라 갤러리 보기나 보드 보기에서도 이 속성을 카드 앞쪽에 노출시키면, 프로젝트 전체를 한눈에 훑어보는 대시보드처럼 활용할 수 있습니다.

💡 내일부터 바로 실천하는 활용 팁

오늘 할 일 하나만 골라 먼저 테스트해보기

전체 프로젝트에 한꺼번에 적용하려고 하면 부담스러울 수 있습니다.

내일 아침에는 지금 진행 중인 업무 중 하나만 골라서 이 수식을 먼저 적용해보세요.

작은 성공 경험이 쌓이면 다른 프로젝트에도 자신 있게 확장할 수 있습니다.

색상 서식으로 성취감을 더 크게 만들기

수식 뒤에 조건문을 추가하면 진행률에 따라 텍스트 색을 바꿀 수도 있습니다.

예를 들어 진행률이 낮을 때는 회색으로, 절반을 넘기면 파란색으로 바뀌도록 설정하면 눈으로 볼 때마다 작은 성취감을 느낄 수 있어서 동기부여에도 큰 도움이 됩니다.

📌 자주 겪는 실수와 해결 방법

진행률이 백 퍼센트를 넘어가는 경우

목표보다 더 많이 진행했을 때는 진행률이 백십 퍼센트처럼 표시되면서 원 개수 계산에 오류가 날 수 있습니다.

이럴 때는 위 수식처럼 if 조건문으로 백 퍼센트 이상이면 완료로 고정해두면 이런 오류를 간단히 막을 수 있습니다.

수식이 빨갛게 오류로 표시될 때

수식 창에 빨간 줄이 생긴다면 대부분 따옴표나 괄호가 하나 빠진 경우입니다.

위 공식을 처음부터 끝까지 다시 한 번 그대로 복사해서 붙여넣으면 대부분의 오류는 바로 해결됩니다.

처음에는 낯설게 느껴지더라도 한 번 완성해두면 이후에는 복사와 붙여넣기만으로 다른 프로젝트에도 똑같이 적용할 수 있으니, 너무 걱정하지 말고 오늘 알려드린 방법을 천천히 따라 해보시길 바랍니다.

반응형