Presentation Progress

If you're shipping a ComfyUI workflow as a website, someone has to tell your users the generation is actually happening. That's Presentation Progress - a progress bar node for the generated site, part of niknah's Presentation ComfyUI. The source calls it "Show the progress bar," and the README's framing is the punchline: "Progress bar. You can remove the normal progress bar from MainPage.vue."

The pack's stock page already has a progress bar. This node exists so you can move that indicator into your own layout, on the tab where the generation actually happens - instead of users staring at a page that looks dead for thirty seconds. It's the "is it working?" answer for people who will never open the node graph.

How it works

It's a placement-only node - zero inputs, zero outputs, and a progress method that does nothing. On the generated site, the node registers where the progress component (the pack ships PresentationProgressAllTabs.vue) renders. The site's server pushes ComfyUI's execution progress to that component, so the bar reflects real sampler progress, not a fake spinner. That's the whole mechanism: you're not configuring progress logic, you're deciding where the progress UI lives in your page layout.

It sits in the same group-and-tab system as the other Presentation nodes: put it in a group with a Presentation Tab, save, and the bar appears on that tab.

How to install it

Same single install as the whole pack. ComfyUI Manager, search "Presentation ComfyUI", or:

cd ComfyUI/custom_nodes
git clone https://github.com/niknah/presentation-ComfyUI

then restart. Requires Node.js installed separately; first launch runs npm install for the Nuxt site in output/presentation-site, which takes a few minutes. The site runs at http://localhost:3000.

Common issues & troubleshooting

No progress bar anywhere. The node must be inside the same group as a Presentation Tab, and the tab needs a save after adding it so the site regenerates. A Presentation Progress floating outside a tab group renders nowhere.

Bar shows but never fills. If you've replaced the stock progress bar in MainPage.vue and this node isn't on the page the user is actually on, they'll see nothing move. Confirm the node is on the tab users land on.

Layout not updating. Settings → Presentation → Restart after edits, Rebuild for structural changes, and kill any duplicate nuxt processes on the folder before restarting.