From 92a863c020b6368d160497163fb8e4e0bb263dc5 Mon Sep 17 00:00:00 2001 From: Juan Martin Date: Fri, 19 May 2023 18:11:05 -0300 Subject: [PATCH] update progress --- src/components/_progress.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/_progress.scss b/src/components/_progress.scss index 25995e7..d95c194 100644 --- a/src/components/_progress.scss +++ b/src/components/_progress.scss @@ -2,6 +2,7 @@ @use "../_variables.scss" as *; // Progress .progress { + --percentage: calc(var(--progress) * 3.6); display: grid; border-radius: 50%; //border: 10px solid rgba(248, 0, 0, 0.5); @@ -12,7 +13,7 @@ //background-color: #bc26da; background-image: radial-gradient(circle, rgb(255, 255, 255) 55%, transparent 56%), - conic-gradient(transparent calc((var(--progress) - 1) * 1deg), rgba(0, 0, 0, 0.9) calc(var(--progress) * 1deg)); + conic-gradient(red calc((var(--percentage) - 1) * 1deg), rgba(255, 0, 0, 0.443) calc(var(--percentage) * 1deg)); } .progress::after { // https://codepen.io/chandrashekhar/pen/RvMVey?editors=1100