Add progress bar to backend upgrade page

[Copilot]

Adds a progress bar to backend-changes.html to inform users about the .NET 8 backend rollout progression.

Changes

• Progress bar component with animated shimmer effect, percentage indicator, and status text
• Light/dark mode support using existing CSS variables
• Single configuration object for easy updates:

const ROLLOUT_PROGRESS = {
  percentage: 75,  // 0-100
  status: 'Rollout in progress'
};

Screenshots

Light Mode:

Dark Mode:

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• scarf.sh
  • Triggering command: /usr/local/bin/node node ./report.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

add a progress bar to the backend upgrade page of the go api documentation where we can inform the users about the rollout progression of our new backend

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[kridah]

Lgtm

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://gray-stone-017611203-7.westeurope.3.azurestaticapps.net