Yearly Countdown Designs

Yearly Countdown Designs

Master Tag
Tips & Tricks
Created
Dec 29, 2022 01:31 PM
Usage
Slice
Less Than
floor
Format
Web Tags
Design
Formula
Alternatives
Cover
Some designs to track progress of the New Year!
Some designs to track progress of the New Year!
Icons: ◼◼◼◼◼◼◼◼◼◼  ◻◻◻◻◻◻◻◻◻◻

Basic Syntax (Full)

test it
Properties needed:
  1. number labeled “A” (smaller number)
  1. number labeled “B” (larger number)
  1. formula
if(prop("A") / prop("B") < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * prop("A") / prop("B"))) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * prop("A") / prop("B")))) + " " + format(floor(prop("A") / prop("B") * 100)) + "%"

Light-Mode

Gallery Countdown
 
Gallery Countdown
Single Row Countdown
Name
Year Progress
Month Progress
(Su-Sa) Week Progress
Day Progress

Single Row Countdown

Minimal

Year
if((month(now()) + 1) / 12 < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * (month(now()) + 1) / 12)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * (month(now()) + 1) / 12)))
Month
if(date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")) < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))))
Week (Su-Sa)
if((day(now()) + 1) / 7 < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * (day(now()) + 1) / 7)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * (day(now()) + 1) / 7)))
Day
if((hour(now()) + 1) / 24 < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * (hour(now()) + 1) / 24)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * (hour(now()) + 1) / 24)))
 

Full Progress

Year
if((month(now()) + 1) / 12 < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * (month(now()) + 1) / 12)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * (month(now()) + 1) / 12))) + " " + format(floor((month(now()) + 1) / 12 * 100)) + "%"
Month
if(date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")) < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days"))))) + " " + format(floor(100 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + "%"
Week (Su-Sa)
if((day(now()) + 1) / 7 < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * (day(now()) + 1) / 7)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * (day(now()) + 1) / 7))) + " " + format(floor((day(now()) + 1) / 7 * 100)) + "%"
Day
if((hour(now()) + 1) / 24 < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * (hour(now()) + 1) / 24)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * (hour(now()) + 1) / 24))) + " " + format(floor((hour(now()) + 1) / 24 * 100)) + "%"
 

Percentages

Year
floor(100 * (month(now()) + 1) / 12) / 100
Month
floor(100 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days"))) / 100
Week (Su-Sa)
floor(100 * (day(now()) + 1) / 7) / 100
Day
floor(100 * (hour(now()) + 1) / 24) / 100
 

Gallery Countdown

Progress Bars

Year
if((month(now()) + 1) / 12 < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * (month(now()) + 1) / 12)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * (month(now()) + 1) / 12))) + " Year"
Month
if(date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")) < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days"))))) + " Month"
Week (Su-Sa)
if((day(now()) + 1) / 7 < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * (day(now()) + 1) / 7)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * (day(now()) + 1) / 7))) + " Week"
Day
if((hour(now()) + 1) / 24 < .1, "◼◻◻◻◻◻◻◻◻◻", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * (hour(now()) + 1) / 24)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * (hour(now()) + 1) / 24))) + " Day"
 

Percentages

Year
"Year: " + format(floor(100 * (month(now()) + 1) / 12) / 100 * 100) + "%"
Month
"Month: " + format(floor(100 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + "%"
Week (Su-Sa)
"Week: " + format(floor(100 * (day(now()) + 1) / 7) / 100 * 100) + "%"
Day
"Day: " + format(floor(100 * (hour(now()) + 1) / 24) / 100 * 100) + "%"
 

Dark-Mode ⌘+⌥+L

Gallery Countdown 2
 
Gallery Countdown 2
Single Row Countdown 2
Name
Year Progress
Month Progress
(Su-Sa) Week Progress
Day Progress

Single Row Countdown

Minimal

Year
if((month(now()) + 1) / 12 < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * (month(now()) + 1) / 12)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * (month(now()) + 1) / 12)))
Month
if(date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")) < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))))
Week (Su-Sa)
if((day(now()) + 1) / 7 < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * (day(now()) + 1) / 7)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * (day(now()) + 1) / 7)))
Day
if((hour(now()) + 1) / 24 < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * (hour(now()) + 1) / 24)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * (hour(now()) + 1) / 24)))
 

Full Progress

Year
if((month(now()) + 1) / 12 < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * (month(now()) + 1) / 12)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * (month(now()) + 1) / 12))) + " " + format(floor((month(now()) + 1) / 12 * 100)) + "%"
Month
if(date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")) < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days"))))) + " " + format(floor(100 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + "%"
Week (Su-Sa)
if((day(now()) + 1) / 7 < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * (day(now()) + 1) / 7)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * (day(now()) + 1) / 7))) + " " + format(floor((day(now()) + 1) / 7 * 100)) + "%"
Day
if((hour(now()) + 1) / 24 < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * (hour(now()) + 1) / 24)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * (hour(now()) + 1) / 24))) + " " + format(floor((hour(now()) + 1) / 24 * 100)) + "%"
 

Percentages

Year
floor(100 * (month(now()) + 1) / 12) / 100
Month
floor(100 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days"))) / 100
Week (Su-Sa)
floor(100 * (day(now()) + 1) / 7) / 100
Day
floor(100 * (hour(now()) + 1) / 24) / 100
 

Gallery Countdown

Progress Bars

Year
if((month(now()) + 1) / 12 < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * (month(now()) + 1) / 12)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * (month(now()) + 1) / 12))) + " Year"
Month
if(date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")) < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days"))))) + " Month"
Week (Su-Sa)
if((day(now()) + 1) / 7 < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * (day(now()) + 1) / 7)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * (day(now()) + 1) / 7))) + " Week"
Day
if((hour(now()) + 1) / 24 < .1, "◻◼◼◼◼◼◼◼◼◼", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * (hour(now()) + 1) / 24)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * (hour(now()) + 1) / 24))) + " Day"
 

Percentages

Year
"Year: " + format(floor(100 * (month(now()) + 1) / 12) / 100 * 100) + "%"
Month
"Month: " + format(floor(100 * date(now()) / date(dateSubtract(dateAdd(dateSubtract(now(), date(now()) - 1, "days"), 1, "months"), 1, "days")))) + "%"
Week (Su-Sa)
"Week: " + format(floor(100 * (day(now()) + 1) / 7) / 100 * 100) + "%"
Day
"Day: " + format(floor(100 * (hour(now()) + 1) / 24) / 100 * 100) + "%"
 
 
 

Alternative (Mo-Su) Week Progress

Light-Mode

Minimal
if(day(now()) == 0, "◼◼◼◼◼◼◼◼◼◼", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * day(now()) / 7)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * day(now()) / 7)))
Progress & Percentage
if(day(now()) == 0, "◼◼◼◼◼◼◼◼◼◼", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * day(now()) / 7)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * day(now()) / 7))) + " " + format(floor(day(now()) / 7 * 100)) + "%"
 
Minimal For Gallery
if(day(now()) == 0, "◼◼◼◼◼◼◼◼◼◼", slice("◼◼◼◼◼◼◼◼◼◼", 0, floor(10 * day(now()) / 7)) + slice("◻◻◻◻◻◻◻◻◻◻", 0, 10 - floor(10 * day(now()) / 7))) + " Week"

Dark-Mode

Minimal
if(day(now()) == 0, "◻◻◻◻◻◻◻◻◻◻", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * day(now()) / 7)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * day(now()) / 7)))
Progress & Percentage
if(day(now()) == 0, "◻◻◻◻◻◻◻◻◻◻", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * day(now()) / 7)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * day(now()) / 7))) + " " + format(floor(day(now()) / 7 * 100)) + "%"
 
Minimal For Gallery
if(day(now()) == 0, "◻◻◻◻◻◻◻◻◻◻", slice("◻◻◻◻◻◻◻◻◻◻", 0, floor(10 * day(now()) / 7)) + slice("◼◼◼◼◼◼◼◼◼◼", 0, 10 - floor(10 * day(now()) / 7))) + " Week"