Yearly Countdown DesignsYearly 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!
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

Single Row Countdown

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

Single Row Countdown 2

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"