add milestone markers #29
Conversation
|
✔️ Deploy Preview for clever-johnson-ef5610 ready! 🔨 Explore the source changes: 64c4877 🔍 Inspect the deploy log: https://app.netlify.com/sites/clever-johnson-ef5610/deploys/6195bbdea1192b000712612c 😎 Browse the preview: https://deploy-preview-29--clever-johnson-ef5610.netlify.app/ |
| const label = document.createElement("div"); | ||
| label.className = "milestone-label"; | ||
| label.style.left = percentage * 100 + "%"; | ||
| label.innerText = "Goal " + (i + 1); |
There was a problem hiding this comment.
Can we make these say $14mm and $30mm perhaps?
There was a problem hiding this comment.
It'd also be helpful to provide brief summaries of the milestones underneath the bar. Something like:
Goal 1 ($14M): Qualify for the auction
Goal 2 ($20M): Have more than the estimated cost of the constitution
Goal 3 ($30M): Have enough to be competitive at the auction
And strikethrough all three lines to show we've beat them.
Another idea I had was to color code the goal lines on the bar as well as the summaries to make things even clearer.
There was a problem hiding this comment.
One more idea - have the targetUsd always be a certain percentage or amount higher than raisedUsd so that the progress bar automatically updates with a consistent and predictable look.
#27