A simple generator that shows fundraising progress as a thermometer with your goal and raised amount.
- Place your ILM Center logo as
assets/ILMCenterLogo.png(same image you used when creating this project). - Open
index.htmlin a browser (double-click or use Live Server).
- Left side: Scale ticks at 25%, 50%, 75%, and 100%.
- Right side: A “Raised” tick that moves with the current amount, plus the raised amount in dollars.
- Bottom: ILM Center logo and the goal amount.
- Controls: Enter Goal amount and Raised amount; the fill and “Raised” marker update automatically.
Edit the two number fields at the top: Goal amount and Raised amount. The thermometer fill and the “Raised” label (with amount) on the right update in real time. You can screenshot or use a browser “Print to PDF” to save the graphic.