How to Add Virtual Tour Progress Percentage Display

Dev_op · September 4, 2025 at 11:47 AM

I'm looking to implement a progress indicator for my virtual tour that shows:

What percentage of the tour has been viewed
How much content remains to be explored

I want to add a visual layer/overlay that displays something like "45% Complete" or "55% Remaining" as users navigate through the tour.

Has anyone implemented this feature before? I'm particularly interested in:

Best practices for tracking tour progress
UI/UX considerations for displaying the percentage
Whether to show completion percentage or remaining percentage
Technical approaches for calculating progress across different tour segments

Any code examples, plugins, or frameworks that support this functionality would be greatly appreciated!

Dev_op · September 4, 2025 at 3:20 PM

waiting for reply?????///

Crusty · September 5, 2025 at 9:31 AM

Check out my thread: Countdown Timer

Ignore the audio parts, but perhaps you could just add a layer to each scene and manually code a percentage into each html tag.

Dev_op · September 5, 2025 at 10:03 AM

please help with code Crusty

Dev_op · September 5, 2025 at 10:13 AM

i dnt think its matter of laughing. shame s-maier

Crusty · September 5, 2025 at 3:10 PM

Actually, why don't you just change the title of your scenes and manually add the percentages? I've just done that here: https://vtsw.uk/vt/timer/.

You could also check out this other thread of mine Tour.xml Editor which shows how I've used a bat file and PowerShell script to rename scenes 01, 02, 03 etc.. If you adapted that, you could get it to automatically count the number of scenes and work the percentages out for you and write that to each scene's title.

Btw, I don't do much coding, I get ChatGPT, Copilot or ClaudeAI to do it for me.

How to Add Virtual Tour Progress Percentage Display

Participate now!

Tags

Users Viewing This Thread