Progress Bar

Version: 1.7

Progress Bar

  • Bar Thickness (bar_thickness) — fixed bar height; default 5px.
  • Bar Color (bar_color) — completed progress colour; default #2299ee.
  • Bar Position (bar_position) — Top or Bottom of screen; default Top.
  • Progress Scope (progress_scope) — Article Content measures only the article; Entire Page includes header, footer, and other page content. Default: Article Content.
  • Track Color (bar_track_color) — remaining progress colour; default #e5e7eb.
  • Show Progress Percentage (show_progress_percentage) — shows a compact live percentage label. Default: No.

The bar exposes progressbar semantics and updates aria-valuenow from 0 to 100. Animation is removed when the visitor prefers reduced motion.