Build an article page with Tailwind CSS: a thin reading-progress bar fixed to the top of the viewport that fills as you scroll, a sticky table-of-contents rail on the left listing the h2/h3 headings with the current section highlighted, and the article body on the right. Clicking a TOC entry smooth-scrolls with scroll-margin so headings are not hidden under the header, and the progress bar is a plain div width bound to scroll position (no library).
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。