जब आप html में जावास्क्रिप्ट बनाते हैं जिसे प्रोसेस होने में काफी समय लगता है, तो क्या आपने कभी प्रोग्रेसबार लागू किया है और पूरी प्रक्रिया पूरी होने के बाद ही प्रोग्रेसबार के हिलने से परेशानी हुई है?

इस लेख में, मैं उस स्थिति के लिए एक अस्थायी समाधान का एक उदाहरण प्रस्तुत करना चाहूंगा।

यदि आप इन चरणों का पालन करते हैं, तो प्रोग्रेसबार प्रसंस्करण के दौरान काम करेगा।

चरण 1: पूरी प्रक्रिया को एक एसिंक विधि में रखें

सबसे पहले, पूरी प्रक्रिया को एक एसिंक विधि में रखें और इसे निष्पादित करें।

async function MyFunction(ctx, canvas) {

}

MyFunction(ctx, canvas); // Be sure to run it in the original location.

चरण 2: प्रोग्रेसबार का मान बदलने के बाद एक नींद लिखें

इसके बाद, प्रोग्रेसबार का मान बदलने के बाद निम्नलिखित लिखें।

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
await sleep(0);

इससे प्रक्रिया के दौरान प्रोग्रेसबार बदल जाएगा।

हमने प्रोग्रेसबार को सामान्य रूप से कार्य करने के लिए एक अस्थायी समाधान का एक उदाहरण पेश किया है।

मुझे उम्मीद है कि यह लेख आपके कम से कम एक संघर्ष को हल करने में आपकी मदद करेगा।

पढ़ने के लिए आपका शुक्रिया।