[{"data":1,"prerenderedAt":138},["ShallowReactive",2],{"h802020178":3,"h2995721959":94,"h2939698578":135},{"id":4,"title":5,"body":6,"description":84,"extension":85,"meta":86,"navigation":89,"path":90,"seo":91,"stem":92,"__hash__":93},"docs\u002Fen\u002Ftips\u002F2026\u002F10\u002F29\u002Floading-indicator.md","Use a loading animation to reassure users while they wait for a response",{"type":7,"value":8,"toc":76},"minimark",[9],[10,11,12,20,25,35,38,43,51,60,63,70],"Tips",{},[13,14,17],"h1",{"id":15,"class":16},"","!mb-4",[18,19],"page-title",{},[21,22],"display-date",{"date":23,"class":24},"2026\u002F10\u002F29","!mb-20",[26,27,28,29,34],"p",{},"Hi, I'm Horikoshi. I'm a technical writer working on the documentation for the ",[30,31,33],"a",{"href":32},"\u002F","LINE Developers site",".",[26,36,37],{},"After your LINE Official Account receives a message from a user, it may take some time before you can send a reply, such as when you use generative AI to prepare a response in the background. If users have to wait tens of seconds without any indication of what's happening, they may become uneasy and wonder why they haven't received a response even though their message is marked as \"Read\".",[39,40,42],"h2",{"id":41},"display-a-loading-animation-to-users","Use a loading animation to show that a reply is being prepared",[26,44,45,46,50],{},"By using the ",[30,47,49],{"href":48},"\u002Freference\u002Fmessaging-api\u002F#display-a-loading-indicator","Display a loading animation"," endpoint of the Messaging API, you can display a loading animation to visually tell users that you're preparing a message.",[26,52,53],{},[54,55],"img",{"alt":15,"className":56,"src":59},[57,58],"border","w-fix-480","\u002Fmedia\u002Fmessaging-api\u002Floading-indicator\u002Floading-animation.webp",[26,61,62],{},"When a reply takes time, leaving users waiting without any indication can make them uneasy. Use a loading animation to reassure them while they wait.",[26,64,65,66,69],{},"For more information, see ",[30,67,49],{"href":68},"\u002Fdocs\u002Fmessaging-api\u002Fuse-loading-indicator\u002F"," in the Messaging API documentation.",[71,72],"tags",{"tags":73,"lang":74,"section":75},"messaging-api","en","tips",{"title":15,"searchDepth":77,"depth":78,"links":79},4,5,[80],{"id":81,"depth":82,"text":83},"use-a-loading-animation-to-show-that-a-reply-is-being-prepared-display-a-loading-animation-to-users",2,"Use a loading animation to show that a reply is being prepared {#display-a-loading-animation-to-users}","Hi, I'm Horikoshi. I'm a technical writer working on the documentation for the LINE Developers site.","md",{"date":87,"tags":73,"locale":74,"sidebar":88},"2026-10-29 00:00 UTC",false,true,"\u002Fen\u002Ftips\u002F2026\u002F10\u002F29\u002Floading-indicator",{"title":5,"description":84},"en\u002Ftips\u002F2026\u002F10\u002F29\u002Floading-indicator","GmBr6wzmjb8HuFAIEXyivit41FBKPn6kWXXHYFVtjCk",{"id":4,"title":5,"body":95,"description":84,"extension":85,"meta":133,"navigation":89,"path":90,"seo":134,"stem":92,"__hash__":93},{"type":7,"value":96,"toc":130},[97],[10,98,99,103,105,109,111,113,117,122,124,128],{},[13,100,101],{"id":15,"class":16},[18,102],{},[21,104],{"date":23,"class":24},[26,106,28,107,34],{},[30,108,33],{"href":32},[26,110,37],{},[39,112,42],{"id":41},[26,114,45,115,50],{},[30,116,49],{"href":48},[26,118,119],{},[54,120],{"alt":15,"className":121,"src":59},[57,58],[26,123,62],{},[26,125,65,126,69],{},[30,127,49],{"href":68},[71,129],{"tags":73,"lang":74,"section":75},{"title":15,"searchDepth":77,"depth":78,"links":131},[132],{"id":81,"depth":82,"text":83},{"date":87,"tags":73,"locale":74,"sidebar":88},{"title":5,"description":84},{"toc":136,"fullToc":136},[137],{"id":41,"depth":82,"text":42},1793252046649]