Opens in a new windowOpens an external websiteOpens an external website in a new window
This website utilizes technologies such as cookies to enable essential site functionality, as well as for analytics, personalization, and targeted advertising. To learn more, view the following link: Privacy Notice
I am using this JavaScript to control a progress bar "5xxf4t4A2ET" (from the Chrome inspect elements) below. I am trying to add another progress bar using another element name "6PhUXotDWKQ".
When I add a second JavaScript to control "6PhUXotDWKQ", nothing works anymore.
What do I need to change in the JS so I can control 2 progress bar?
"}},"componentScriptGroups({\"componentId\":\"custom.widget.GoogleTag\"})":{"__typename":"ComponentScriptGroups","scriptGroups":{"__typename":"ComponentScriptGroupsDefinition","afterInteractive":{"__typename":"PageScriptGroupDefinition","group":"AFTER_INTERACTIVE","scriptIds":[]},"lazyOnLoad":{"__typename":"PageScriptGroupDefinition","group":"LAZY_ON_LOAD","scriptIds":[]}},"componentScripts":[]},"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/community/NavbarDropdownToggle\"]})":[{"__ref":"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/EscalatedMessageBanner\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/EscalatedMessageBanner-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/users/UserLink\"]})":[{"__ref":"CachedAsset:text:en_US-components/users/UserLink-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/users/UserRank\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/users/UserRank-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageTime\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageTime-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageSolvedBadge\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageSolvedBadge-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageSubject\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageSubject-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageBody\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageBody-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageCustomFields\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageCustomFields-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageReplyButton\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageReplyButton-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageSolutionList\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageSolutionList-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/AcceptedSolutionButton\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/AcceptedSolutionButton-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/Pager/PagerLoadMore\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageView/MessageViewInline\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageView/MessageViewInline-1743008494999"}],"message({\"id\":\"message:1198466\"})":{"__ref":"ForumReplyMessage:message:1198466"},"message({\"id\":\"message:1198486\"})":{"__ref":"AcceptedSolutionMessage:message:1198486"},"message({\"id\":\"message:1198536\"})":{"__ref":"ForumReplyMessage:message:1198536"},"message({\"id\":\"message:1198452\"})":{"__ref":"ForumReplyMessage:message:1198452"},"message({\"id\":\"message:1198456\"})":{"__ref":"ForumReplyMessage:message:1198456"},"message({\"id\":\"message:1198463\"})":{"__ref":"ForumReplyMessage:message:1198463"},"message({\"id\":\"message:1198465\"})":{"__ref":"ForumReplyMessage:message:1198465"},"messages({\"constraints\":{\"solution\":{\"eq\":true},\"topicId\":{\"eq\":\"message:1198451\"}},\"first\":10,\"sorts\":{\"postTime\":{\"direction\":\"ASC\"}}})":{"__typename":"MessageConnection","edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTk4NDg2LDExOTg0ODY","node":{"__ref":"AcceptedSolutionMessage:message:1198486"}}],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null},"totalCount":1},"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/users/UserAvatar\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/ranks/UserRankLabel\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/attachments/AttachmentView/AttachmentViewChip\"]})":[{"__ref":"CachedAsset:text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeIcon\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeIcon-1743008494999"}],"cachedText({\"lastModified\":\"1743008494999\",\"locale\":\"en-US\",\"namespaces\":[\"components/tags/TagView/TagViewChip\"]})":[{"__ref":"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1743008494999"}]},"CachedAsset:pages-1742810649149":{"__typename":"CachedAsset","id":"pages-1742810649149","value":[{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogViewAllPostsPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId/all-posts/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CasePortalPage","type":"CASE_PORTAL","urlPath":"/caseportal","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CreateGroupHubPage","type":"GROUP_HUB","urlPath":"/groups/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CaseViewPage","type":"CASE_DETAILS","urlPath":"/case/:caseId/:caseNumber","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"InboxPage","type":"COMMUNITY","urlPath":"/inbox","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"HelpFAQPage","type":"COMMUNITY","urlPath":"/help","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaMessagePage","type":"IDEA_POST","urlPath":"/idea/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaViewAllIdeasPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/all-ideas/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"LoginPage","type":"USER","urlPath":"/signin","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogPostPage","type":"BLOG","urlPath":"/category/:categoryId/blogs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ThemeEditorPage","type":"COMMUNITY","urlPath":"/designer/themes","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbViewAllArticlesPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId/all-articles/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OccasionEditPage","type":"EVENT","urlPath":"/event/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OAuthAuthorizationAllowPage","type":"USER","urlPath":"/auth/authorize/allow","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"PageEditorPage","type":"COMMUNITY","urlPath":"/designer/pages","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"PostPage","type":"COMMUNITY","urlPath":"/category/:categoryId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumBoardPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbBoardPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"EventPostPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"UserBadgesPage","type":"COMMUNITY","urlPath":"/users/:login/:userId/badges","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"GroupHubMembershipAction","type":"GROUP_HUB","urlPath":"/membership/join/:nodeId/:membershipType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"MaintenancePage","type":"COMMUNITY","urlPath":"/maintenance","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaReplyPage","type":"IDEA_REPLY","urlPath":"/idea/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"UserSettingsPage","type":"USER","urlPath":"/mysettings/:userSettingsTab","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"GroupHubsPage","type":"GROUP_HUB","urlPath":"/groups","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumPostPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OccasionRsvpActionPage","type":"OCCASION","urlPath":"/event/:boardId/:messageSubject/:messageId/rsvp/:responseType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"VerifyUserEmailPage","type":"USER","urlPath":"/verifyemail/:userId/:verifyEmailToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"AllOccasionsPage","type":"OCCASION","urlPath":"/category/:categoryId/events/:boardId/all-events/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"EventBoardPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbReplyPage","type":"TKB_REPLY","urlPath":"/kb/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaBoardPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CommunityGuideLinesPage","type":"COMMUNITY","urlPath":"/communityguidelines","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CaseCreatePage","type":"SALESFORCE_CASE_CREATION","urlPath":"/caseportal/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbEditPage","type":"TKB","urlPath":"/kb/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForgotPasswordPage","type":"USER","urlPath":"/forgotpassword","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaEditPage","type":"IDEA","urlPath":"/idea/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TagPage","type":"COMMUNITY","urlPath":"/tag/:tagName","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogBoardPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OccasionMessagePage","type":"OCCASION_TOPIC","urlPath":"/event/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ManageContentPage","type":"COMMUNITY","urlPath":"/managecontent","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ClosedMembershipNodeNonMembersPage","type":"GROUP_HUB","urlPath":"/closedgroup/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CommunityPage","type":"COMMUNITY","urlPath":"/","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumMessagePage","type":"FORUM_TOPIC","urlPath":"/discussions/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"IdeaPostPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogMessagePage","type":"BLOG_ARTICLE","urlPath":"/blog/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"RegistrationPage","type":"USER","urlPath":"/register","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"EditGroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumEditPage","type":"FORUM","urlPath":"/discussions/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ResetPasswordPage","type":"USER","urlPath":"/resetpassword/:userId/:resetPasswordToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbMessagePage","type":"TKB_ARTICLE","urlPath":"/kb/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogEditPage","type":"BLOG","urlPath":"/blog/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ManageUsersPage","type":"USER","urlPath":"/users/manage/:tab?/:manageUsersTab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumReplyPage","type":"FORUM_REPLY","urlPath":"/discussions/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"PrivacyPolicyPage","type":"COMMUNITY","urlPath":"/privacypolicy","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"NotificationPage","type":"COMMUNITY","urlPath":"/notifications","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"UserPage","type":"USER","urlPath":"/users/:login/:userId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"HealthCheckPage","type":"COMMUNITY","urlPath":"/health","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"OccasionReplyPage","type":"OCCASION_REPLY","urlPath":"/event/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ManageMembersPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/manage/:tab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"SearchResultsPage","type":"COMMUNITY","urlPath":"/search","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"BlogReplyPage","type":"BLOG_REPLY","urlPath":"/blog/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"GroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TermsOfServicePage","type":"COMMUNITY","urlPath":"/termsofservice","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"CategoryPage","type":"CATEGORY","urlPath":"/category/:categoryId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"ForumViewAllTopicsPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/all-topics/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"TkbPostPage","type":"TKB","urlPath":"/category/:categoryId/kbs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1742810649149,"localOverride":null,"page":{"id":"GroupHubPostPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"}],"localOverride":false},"CachedAsset:text:en_US-components/context/AppContext/AppContextProvider-0":{"__typename":"CachedAsset","id":"text:en_US-components/context/AppContext/AppContextProvider-0","value":{"noCommunity":"Cannot find community","noUser":"Cannot find current user","noNode":"Cannot find node with id {nodeId}","noMessage":"Cannot find message with id {messageId}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Loading/LoadingDot-0":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Loading/LoadingDot-0","value":{"title":"Loading..."},"localOverride":false},"User:user:-1":{"__typename":"User","id":"user:-1","uid":-1,"login":"Deleted user","email":"","avatar":null,"rank":null,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":"ANONYMOUS","registrationTime":null,"confirmEmailStatus":false,"registrationAccessLevel":"VIEW","ssoRegistrationFields":[]},"ssoId":null,"profileSettings":{"__typename":"ProfileSettings","dateDisplayStyle":{"__typename":"InheritableStringSettingWithPossibleValues","key":"layout.friendly_dates_enabled","value":"true","localValue":"true","possibleValues":["true","false"]},"dateDisplayFormat":{"__typename":"InheritableStringSetting","key":"layout.format_pattern_date","value":"MM-dd-yyyy","localValue":"MM-dd-yyyy"},"language":{"__typename":"InheritableStringSettingWithPossibleValues","key":"profile.language","value":"en-US","localValue":null,"possibleValues":["en-US"]}},"deleted":false},"Theme:customTheme1":{"__typename":"Theme","id":"customTheme1"},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0yNi0wc1g3ZFg?image-coordinates=0%2C0%2C400%2C400\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bi0yNi0wc1g3ZFg?image-coordinates=0%2C0%2C400%2C400","mimeType":"image/png"},"Category:category:connect":{"__typename":"Category","id":"category:connect","entityType":"CATEGORY","displayId":"connect","nodeType":"category","depth":1,"title":"Connect","shortTitle":"Connect","parent":{"__ref":"Category:category:top"},"categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Category:category:top":{"__typename":"Category","id":"category:top","displayId":"top","nodeType":"category","depth":0,"title":"Top","entityType":"CATEGORY","shortTitle":"Top"},"Forum:board:discuss":{"__typename":"Forum","id":"board:discuss","entityType":"FORUM","displayId":"discuss","nodeType":"board","depth":2,"conversationStyle":"FORUM","title":"Discuss Articulate Products","description":"Join conversations and ask questions about Articulate products.","avatar":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0yNi0wc1g3ZFg?image-coordinates=0%2C0%2C400%2C400\"}"},"profileSettings":{"__typename":"ProfileSettings","language":null},"parent":{"__ref":"Category:category:connect"},"ancestors":{"__typename":"CoreNodeConnection","edges":[{"__typename":"CoreNodeEdge","node":{"__ref":"Community:community:rwgqn69235"}},{"__typename":"CoreNodeEdge","node":{"__ref":"Category:category:connect"}}]},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"boardPolicies":{"__typename":"BoardPolicies","canPublishArticleOnCreate":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","args":[]}},"canReadNode":{"__typename":"PolicyResult","failureReason":null}},"shortTitle":"Discuss Articulate Products","repliesProperties":{"__typename":"RepliesProperties","sortOrder":"PUBLISH_TIME","repliesFormat":"threaded"},"forumPolicies":{"__typename":"ForumPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"eventPath":"category:connect/community:rwgqn69235board:discuss/","tagProperties":{"__typename":"TagNodeProperties","tagsEnabled":{"__typename":"PolicyResult","failureReason":null}},"requireTags":true,"tagType":"PRESET_ONLY"},"Rank:rank:6":{"__typename":"Rank","id":"rank:6","position":5,"name":"Community Member","color":"333333","icon":null,"rankStyle":"TEXT"},"User:user:419422":{"__typename":"User","id":"user:419422","uid":419422,"login":"MikeImage","deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C0e4655b0-5c5a-0132-d4e0-22000b1288a9"},"rank":{"__ref":"Rank:rank:6"},"email":"","messagesCount":75,"biography":null,"topicsCount":24,"kudosReceivedCount":3,"kudosGivenCount":0,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2014-12-18T09:03:06.000-08:00","confirmEmailStatus":null},"followersCount":null,"solutionsCount":1,"entityType":"USER","eventPath":"community:rwgqn69235/user:419422"},"ForumTopicMessage:message:1198451":{"__typename":"ForumTopicMessage","uid":1198451,"subject":"Scene Progress bars using javascript","id":"message:1198451","revisionNum":1,"repliesCount":7,"author":{"__ref":"User:user:419422"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Forum:board:discuss"},"conversation":{"__ref":"Conversation:conversation:1198451"},"readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1198451"},"body":"
Hello,
I am using this JavaScript to control a progress bar \"5xxf4t4A2ET\" (from the Chrome inspect elements) below. I am trying to add another progress bar using another element name \"6PhUXotDWKQ\".
When I add a second JavaScript to control \"6PhUXotDWKQ\", nothing works anymore.
What do I need to change in the JS so I can control 2 progress bar?
/* CHANGE THESE VARIABLES */ const myDiv = document.querySelector('[data-model-id=\"5xxf4t4A2ET\"]'); // \"data-model-id\" OF SL RECTANGLE const bgColour = \"#D9D9D9\"; // BACKGROUND COLOUR. const barColour = \"#008A00\"; // PROGRESS COLOUR. const compColour = \"\"; // COMPLETED COLOUR (will not change if empty). const borderRad = \"0px\"; // BORDER RADIUS. const progress = \"Topic1_Progress\"; // PROGRESS VARIABLE (Case Sensitive). /* DO NOT CHANGE BELOW UNLESS INTENDED */ const player = GetPlayer(); let scale = player.GetVar(progress); let testElement = !!document.getElementById(\"pBar\"); // Test to see if the bar already exists. if (!testElement) { // If bar doesn't exist //Create the background element for the Progress Bar let bgBar = document.createElement(\"div\"); bgBar.id = \"bgBar\"; bgBar.style.width = \"100%\"; bgBar.style.height = \"100%\"; bgBar.style.backgroundColor = bgColour; bgBar.style.position = \"absolute\"; bgBar.style.top = \"0px\"; bgBar.style.borderRadius = borderRad; myDiv.appendChild(bgBar); // Create the progress element of the Progress Bar let pBar = document.createElement(\"div\"); pBar.id = \"pBar\"; pBar.style.width = scale + \"%\"; pBar.style.height = \"100%\"; pBar.style.backgroundColor = barColour; pBar.style.position = \"absolute\"; pBar.style.top = \"0px\"; pBar.style.borderRadius = borderRad; myDiv.appendChild(pBar); } else { // If it does exist document.getElementById('pBar').style.width = scale + \"%\"; // Update the width } if (scale == 100 && compColour) { document.getElementById('pBar').style.backgroundColor = compColour; }
","body@stringLength":"2893","rawBody":"
Hello,
I am using this JavaScript to control a progress bar \"5xxf4t4A2ET\" (from the Chrome inspect elements) below. I am trying to add another progress bar using another element name \"6PhUXotDWKQ\".
When I add a second JavaScript to control \"6PhUXotDWKQ\", nothing works anymore.
What do I need to change in the JS so I can control 2 progress bar?
Do share a sample file... as is this is hard to debug.
","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1198452_1"},"latestVersion":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}}},"ModerationData:moderation_data:1198456":{"__typename":"ModerationData","id":"moderation_data:1198456","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1198456":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:419422"},"id":"message:1198456","revisionNum":1,"uid":1198456,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:discuss"},"parent":{"__ref":"ForumTopicMessage:message:1198451"},"conversation":{"__ref":"Conversation:conversation:1198451"},"subject":"Re: Scene Progress bars using javascript","moderationData":{"__ref":"ModerationData:moderation_data:1198456"},"body":"
When I activate the second trigger in the trigger panel, the first JS stops working.
When I activate the second trigger in the trigger panel, the first JS stops working.
","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1198456_1"},"latestVersion":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}}},"User:user:679679":{"__typename":"User","id":"user:679679","uid":679679,"login":"Nathan_Hilliard","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-01-23T07:05:26.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5c48801d98e736790bc198ba"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:679679"},"ModerationData:moderation_data:1198463":{"__typename":"ModerationData","id":"moderation_data:1198463","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1198463":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:679679"},"id":"message:1198463","revisionNum":2,"uid":1198463,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:discuss"},"parent":{"__ref":"ForumTopicMessage:message:1198451"},"conversation":{"__ref":"Conversation:conversation:1198451"},"subject":"Re: Scene Progress bars using javascript","moderationData":{"__ref":"ModerationData:moderation_data:1198463"},"body":"
What does \"nothing works\" mean exactly. I haven't had time to test, but it may be because this is checking for an existing progress bar with the fixed ID of \"pBar\". Trying to use this code to add a second bar will still find the first bar with this ID label. You also have conflicting \"bgBar\" ids. Maybe try appending the data-model-id that you are specifying in the first line to the end of the \"pBar\" and \"bgBar\" strings, so it remains unique.
Try changing the beginning like this:
const id = \"5xxf4t4A2ET\"; // \"data-model-id\" OF SL RECTANGLE\nconst myDiv = document.querySelector('[data-model-id=\"' + id + '\"]');
Then replace any \"pBar\" strings with \"pBar-\"+id
and \"bgBar\" with \"bgBar-\"+id
After that, you can change the id in line 1, and it will create unique pBar or bgBar ids
Keep in mind that the data-model-id may get changed internally due to a SL update or some other circumstance, which would break your code.
What does \"nothing works\" mean exactly. I haven't had time to test, but it may be because this is checking for an existing progress bar with the fixed ID of \"pBar\". Trying to use this code to add a second bar will still find the first bar with this ID label. You also have conflicting \"bgBar\" ids. Maybe try appending the data-model-id that you are specifying in the first line to the end of the \"pBar\" and \"bgBar\" strings, so it remains unique.
Try changing the beginning like this:
const id = \"5xxf4t4A2ET\"; // \"data-model-id\" OF SL RECTANGLE\nconst myDiv = document.querySelector('[data-model-id=\"' + id + '\"]');
Then replace any \"pBar\" strings with \"pBar-\"+id
and \"bgBar\" with \"bgBar-\"+id
After that, you can change the id in line 1, and it will create unique pBar or bgBar ids
Keep in mind that the data-model-id may get changed internally due to a SL update or some other circumstance, which would break your code.
","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1198463_2"},"latestVersion":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}}},"ModerationData:moderation_data:1198465":{"__typename":"ModerationData","id":"moderation_data:1198465","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1198465":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:914631"},"id":"message:1198465","revisionNum":2,"uid":1198465,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:discuss"},"parent":{"__ref":"ForumTopicMessage:message:1198451"},"conversation":{"__ref":"Conversation:conversation:1198451"},"subject":"Re: Scene Progress bars using javascript","moderationData":{"__ref":"ModerationData:moderation_data:1198465"},"body":"
As an FYI, with the new community, we created a JavaScript group that may be a better resource for you in terms of getting JS help.
","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1198465_2"},"latestVersion":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}}},"ModerationData:moderation_data:1198466":{"__typename":"ModerationData","id":"moderation_data:1198466","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1198466":{"__typename":"ForumReplyMessage","uid":1198466,"id":"message:1198466","revisionNum":1,"author":{"__ref":"User:user:419422"},"readOnly":false,"repliesCount":1,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:discuss"},"parent":{"__ref":"ForumTopicMessage:message:1198451"},"conversation":{"__ref":"Conversation:conversation:1198451"},"subject":"Re: Scene Progress bars using javascript","moderationData":{"__ref":"ModerationData:moderation_data:1198466"},"body":"
Thank you for the reply. I mean that the JavaScript trigger 1 is working correctly and the Progress bar 1 is triggered. When I activate the JavaScript trigger 2, the Progress bar 1 and any others do not work.
Thank you for the reply. I mean that the JavaScript trigger 1 is working correctly and the Progress bar 1 is triggered. When I activate the JavaScript trigger 2, the Progress bar 1 and any others do not work.
i will try your solution.
","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1198466_1"},"latestVersion":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}}},"ModerationData:moderation_data:1198486":{"__typename":"ModerationData","id":"moderation_data:1198486","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AcceptedSolutionMessage:message:1198486":{"__typename":"AcceptedSolutionMessage","author":{"__ref":"User:user:679679"},"id":"message:1198486","revisionNum":2,"uid":1198486,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:discuss"},"parent":{"__ref":"ForumReplyMessage:message:1198466"},"conversation":{"__ref":"Conversation:conversation:1198451"},"subject":"Re: Scene Progress bars using javascript","moderationData":{"__ref":"ModerationData:moderation_data:1198486"},"body":"
Oops, you need to modify one additional line to make it work as intended.
For each version of the script (for each bar), assign a new variable name, if you want the bars to show different progress levels. Topic1..., Topic2..., etc.
I mocked up a quick demo slide with 3 bars. Click to ovals to move the bars.
Note, there are a number of ways to improve this code to make it more flexible, and also make it so you only need one version on the master slide to handle any number of bars. Just switch out some of the static variables with Storyline variables and set those before triggering the script.
For each version of the script (for each bar), assign a new variable name, if you want the bars to show different progress levels. Topic1..., Topic2..., etc.
I mocked up a quick demo slide with 3 bars. Click to ovals to move the bars.
Note, there are a number of ways to improve this code to make it more flexible, and also make it so you only need one version on the master slide to handle any number of bars. Just switch out some of the static variables with Storyline variables and set those before triggering the script.
","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"AttachmentEdge","node":{"__ref":"Attachment:{\"id\":\"attachment:message1198486AttachmentNumber2\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/discuss/254642/2/ProgressBars_1.0.story\"}"}}]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1198486_2"},"latestVersion":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}},"body@stripHtml({\"removeProcessingText\":true,\"removeSpoilerMarkup\":true,\"removeTocMarkup\":true,\"truncateLength\":200})@stringLength":"203","videos":{"__typename":"VideoConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1198536":{"__typename":"ModerationData","id":"moderation_data:1198536","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1198536":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:419422"},"id":"message:1198536","revisionNum":1,"uid":1198536,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:discuss"},"parent":{"__ref":"ForumTopicMessage:message:1198451"},"conversation":{"__ref":"Conversation:conversation:1198451"},"subject":"Re: Scene Progress bars using javascript","moderationData":{"__ref":"ModerationData:moderation_data:1198536"},"body":"
Thank you Nathan!!! You solved my issue and helped me accomplish what I wanted to do.
Thank you Nathan!!! You solved my issue and helped me accomplish what I wanted to do.
","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1198536_1"},"latestVersion":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}}},"QueryVariables:MessageSolutions":{"__typename":"QueryVariables","id":"MessageSolutions","value":{"first":10,"constraints":{"topicId":{"eq":"message:1198451"},"solution":{"eq":true}},"sorts":{"postTime":{"direction":"ASC"}},"useAvatar":true,"useAuthorLogin":true,"useAuthorRank":false,"useBody":true,"useKudosCount":false,"useTimeToRead":false,"useMedia":true,"useRepliesCount":false,"useSearchSnippet":false,"useAcceptedSolutionButton":true,"useSolvedBadge":false,"useAttachments":true,"useTags":false,"useUserHoverCard":false,"useNodeHoverCard":false,"usePreviewSubjectModal":false,"useMessageStatus":false}},"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarDropdownToggle-1743008494999","value":{"ariaLabelClosed":"Press the down arrow to open the menu"},"localOverride":false},"CachedAsset:text:en_US-components/messages/EscalatedMessageBanner-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/EscalatedMessageBanner-1743008494999","value":{"escalationMessage":"Escalated to Salesforce by {username} on {date}","viewDetails":"View Details","modalTitle":"Case Details","escalatedBy":"Escalated by: ","escalatedOn":"Escalated on: ","caseNumber":"Case Number: ","status":"Status: ","lastUpdateDate":"Last Update: ","automaticEscalation":"automatic escalation","anonymous":"Anonymous"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserLink-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserLink-1743008494999","value":{"authorName":"View Profile: {author}","anonymous":"Anonymous"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserRank-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserRank-1743008494999","value":{"rankName":"{rankName}","userRank":"Author rank {rankName}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTime-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTime-1743008494999","value":{"postTime":"Published: {time}","lastPublishTime":"Last Update: {time}","conversation.lastPostingActivityTime":"Last posting activity time: {time}","conversation.lastPostTime":"Last post time: {time}","moderationData.rejectTime":"Rejected time: {time}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageSolvedBadge-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageSolvedBadge-1743008494999","value":{"solved":"Solved"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageSubject-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageSubject-1743008494999","value":{"noSubject":"(no subject)"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageBody-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageBody-1743008494999","value":{"showMessageBody":"Show More","mentionsErrorTitle":"{mentionsType, select, board {Board} user {User} message {Message} other {}} No Longer Available","mentionsErrorMessage":"The {mentionsType} you are trying to view has been removed from the community.","videoProcessing":"Video is being processed. Please try again in a few minutes.","bannerTitle":"Video provider requires cookies to play the video. Accept to continue or {url} it directly on the provider's site.","buttonTitle":"Accept","urlText":"watch"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageCustomFields-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCustomFields-1743008494999","value":{"CustomField.default.label":"Value of {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageReplyButton-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageReplyButton-1743008494999","value":{"repliesCount":"{count}","title":"Reply","title@board:BLOG@message:root":"Comment","title@board:TKB@message:root":"Comment","title@board:IDEA@message:root":"Comment","title@board:OCCASION@message:root":"Comment"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageSolutionList-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageSolutionList-1743008494999","value":{"emptyDescription":"No has been message solutions yet"},"localOverride":false},"CachedAsset:text:en_US-components/messages/AcceptedSolutionButton-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/AcceptedSolutionButton-1743008494999","value":{"accept":"Mark as Solution","accepted":"Marked as Solution","errorHeader":"Error!","errorAdd":"There was an error marking as solution.","errorRemove":"There was an error unmarking as solution.","solved":"Solved","topicAlreadySolvedErrorTitle":"Solution Already Exists","topicAlreadySolvedErrorDesc":"Refresh the browser to view the existing solution"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMore-1743008494999","value":{"loadMore":"Show More"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageView/MessageViewInline-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageView/MessageViewInline-1743008494999","value":{"bylineAuthor":"{bylineAuthor}","bylineBoard":"{bylineBoard}","anonymous":"Anonymous","place":"Place {bylineBoard}","gotoParent":"Go to parent {name}"},"localOverride":false},"Revision:revision:1198466_1":{"__typename":"Revision","id":"revision:1198466_1","lastEditTime":"2024-09-04T12:07:06.334-07:00"},"Revision:revision:1198452_1":{"__typename":"Revision","id":"revision:1198452_1","lastEditTime":"2024-09-04T11:03:21.568-07:00"},"Revision:revision:1198463_2":{"__typename":"Revision","id":"revision:1198463_2","lastEditTime":"2024-09-04T12:03:44.563-07:00"},"Revision:revision:1198465_2":{"__typename":"Revision","id":"revision:1198465_2","lastEditTime":"2024-09-04T12:05:29.066-07:00"},"Revision:revision:1198536_1":{"__typename":"Revision","id":"revision:1198536_1","lastEditTime":"2024-09-05T05:19:00.805-07:00"},"Attachment:{\"id\":\"attachment:message1198486AttachmentNumber2\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/discuss/254642/2/ProgressBars_1.0.story\"}":{"__typename":"Attachment","id":"attachment:message1198486AttachmentNumber2","filename":"ProgressBars_1.0.story","filesize":207479,"contentType":"application/story","url":"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/discuss/254642/2/ProgressBars_1.0.story"},"Revision:revision:1198486_2":{"__typename":"Revision","id":"revision:1198486_2","lastEditTime":"2024-09-04T13:55:24.196-07:00"},"Attachment:{\"id\":\"attachment:message1198456AttachmentNumber1\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/discuss/254613/1/menu_Scene_progress.story\"}":{"__typename":"Attachment","id":"attachment:message1198456AttachmentNumber1","filename":"menu_Scene_progress.story","filesize":2776732,"contentType":"application/story","url":"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/discuss/254613/1/menu_Scene_progress.story"},"Revision:revision:1198456_1":{"__typename":"Revision","id":"revision:1198456_1","lastEditTime":"2024-09-04T11:18:51.306-07:00"},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1743008494999","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1743008494999","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1743008494999","value":{"errorTitle":"Failed!","previewFile":"Preview File","downloadFile":"Download File {name}","removeFile":"Remove File {name}","errorBadExtension":"This file does not have a valid extension. \"{extensions}\" are the valid extensions.","errorFileEmpty":"This file is empty or does not exist.","errorTooLarge":"The maximum file size is: {maxFileSize}.","errorTooMany":"Too many attachments. The maximum number of attachments per message is: {maxAttachmentCount, number, integer}.","errorDuplicate":"This file is already attached."},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeIcon-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeIcon-1743008494999","value":{"contentType":"Content Type {style, select, FORUM {Forum} BLOG {Blog} TKB {Knowledge Base} IDEA {Ideas} OCCASION {Events} other {}} icon"},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1743008494999":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1743008494999","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/forums/ForumMessagePage/ForumMessagePage","query":{"boardId":"discuss","messageSubject":"scene-progress-bars-using-javascript","messageId":"1198451"},"buildId":"Btkyb7T6TeYM9D2gUmiOv","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.2.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/seo/QAPageSchema/QAPageSchema.tsx","./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/messages/TopicWithThreadedReplyListWidget/TopicWithThreadedReplyListWidget.tsx","./components/messages/RelatedContentWidget/RelatedContentWidget.tsx","./components/messages/MessageListForNodeByRecentActivityWidget/MessageListForNodeByRecentActivityWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","./components/messages/ThreadedReplyList/ThreadedReplyList.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx","../shared/client/components/common/Pager/PagerLoadMore/PagerLoadMore.tsx","./components/messages/MessageView/MessageViewInline/MessageViewInline.tsx","../shared/client/components/common/List/ListGroup/ListGroup.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/attachments/AttachmentView/AttachmentView.tsx","./components/attachments/AttachmentView/AttachmentViewChip/AttachmentViewChip.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx"],"appGip":true,"scriptLoader":[]}