🎚️

Slider Progress Bar

Master Tag
Tips & Tricks
Created
Dec 17, 2020 12:06 AM
Usage
Format
Round
Web Tags
Database
Formula
Cover

Donate

βœ‚οΈ
Want to use this formula? + Either duplicate this page and change the "Pages" and "Pages Read" property names to suit your database. OR + Create or temporarily rename two properties in an existing database called "Pages" and "Pages Read", copy and paste formula below into a new formula property, then return the properties to their original names (The formula will automatically update).
Slider
Name
Pages
Page Read
Progress

Formula

if(prop("Page Read") / prop("Pages") == 1, "β”…β”…β”…β”…β”…β”…β”…β”…β”…βš«" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", if(prop("Page Read") / prop("Pages") >= .9, "β”…β”…β”…β”…β”…β”…β”…β”…βš«β”…" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", if(prop("Page Read") / prop("Pages") >= .8, "β”…β”…β”…β”…β”…β”…β”…βš«β”…β”…" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", if(prop("Page Read") / prop("Pages") >= .7, "β”…β”…β”…β”…β”…β”…βš«β”…β”…β”…" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", if(prop("Page Read") / prop("Pages") >= .6, "β”…β”…β”…β”…β”…βš«β”…β”…β”…β”…" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", if(prop("Page Read") / prop("Pages") >= .5, "β”…β”…β”…β”…βš«β”…β”…β”…β”…β”…" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", if(prop("Page Read") / prop("Pages") >= .4, "β”…β”…β”…βš«β”…β”…β”…β”…β”…β”…" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", if(prop("Page Read") / prop("Pages") >= .3, "β”…β”…βš«β”…β”…β”…β”…β”…β”…β”…" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", if(prop("Page Read") / prop("Pages") >= .2, "β”…βš«β”…β”…β”…β”…β”…β”…β”…β”…" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", if(prop("Page Read") / prop("Pages") >= .1, "βš«β”…β”…β”…β”…β”…β”…β”…β”…β”…" + " " + format(round(prop("Page Read") / prop("Pages") * 100)) + "%", "β”…β”…β”…β”…β”…β”…β”…β”…β”…β”… 0%"))))))))))

Simplified

concat(slice("––––––––––––––––––––", 0, 20 * prop("Pages Read") / prop("Total Pages")), "⚫", slice("––––––––––––––––––––", 0, 20 - 20 * prop("Pages Read") / prop("Total Pages")), " ", format(floor(100 * prop("Pages Read") / prop("Total Pages"))), "%")

Customization Example

Colored Slider
Name
Total Pages
Pages Read
Progress