प्रोग्रेस दिखाने वाला इंडिकेटर
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
गतिविधि की स्थिति दिखाने वाले इंडिकेटर, किसी प्रोसेस में लगने वाले समय या इंतज़ार के समय को सर्कुलर डिसप्ले में दिखाते हैं.
किसी टास्क के पूरे होने का अनुपात दिखाने के लिए, प्रोग्रेस इंडिकेटर का इस्तेमाल करें. प्रोग्रेस दिखाने के लिए, इंडिकेटर को घड़ी की दिशा में सर्कुलर ट्रैक के साथ ऐनिमेट किया जाता है.
कॉम्पोनेंट पर प्रोग्रेस इंडिकेटर लागू किए जा सकते हैं. जैसे, चलाने के बटन पर.
शरीर-रचना विज्ञान
किसी टास्क के पूरे होने का अनुपात दिखाने के लिए, प्रोग्रेस इंडिकेटर का इस्तेमाल करें. प्रोग्रेस दिखाने के लिए, इंडिकेटर को घड़ी की दिशा में सर्कुलर ट्रैक के साथ ऐनिमेट किया जाता है.
कॉम्पोनेंट पर प्रोग्रेस इंडिकेटर लागू किए जा सकते हैं. जैसे, चलाने के बटन पर.
डिज़ाइन के लिए सुझाव
गैप के साथ प्रोग्रेस इंडिकेटर
प्रोग्रेस इंडिकेटर के बीच में गैप रखें, ताकि समय जैसी अहम जानकारी के लिए जगह बच सके. गैप बनाने के लिए, प्रोग्रेस इंडिकेटर के startAngle और endAngle को बदलें.
प्रोग्रेस का छोटा इंडिकेटर
प्रोग्रेस इंडिकेटर के बीच में गैप रखें, ताकि समय जैसी अहम जानकारी के लिए जगह बच सके. प्रोग्रेस इंडिकेटर के शुरू और खत्म होने के ऐंगल में बदलाव करके, गैप बनाएं.
प्रोग्रेस का प्रतिशत नहीं दिखाने वाला इंडिकेटर
जिन स्थितियों में कोई समय तय नहीं होता है वहां प्रोग्रेस इंडिकेटर का इस्तेमाल करते समय, ऐनिमेशन वाली वैल्यू के साथ प्रोग्रेस इंडिकेटर का इस्तेमाल करें. इसे स्पिनर भी कहा जा सकता है. स्पिनर का कम इस्तेमाल करें, क्योंकि इससे लोगों को इंतज़ार का समय ज़्यादा लग सकता है.
इस्तेमाल
अडैप्टिव लेआउट
रिस्पॉन्सिव व्यवहार
प्रोग्रेस इंडिकेटर की परिधि, स्क्रीन/एलिमेंट (चालू बटन के लिए) की चौड़ाई और ऊंचाई को अनुपात के हिसाब से भरती है. हालांकि, सभी ब्रेकपॉइंट पर स्ट्रोक की चौड़ाई एक जैसी रहती है.
फ़ुल स्क्रीन के लिए गैप डिग्री 51° पर बनी रहेगी. हालांकि, स्क्रीन साइज़ के आधार पर स्वीप, डीपी में बढ़ जाएगा.
रिंग की चौड़ाई और शुरू और खत्म होने के पॉइंट में अपने हिसाब से बदलाव किया जा सकता है.
इस पेज पर मौजूद कॉन्टेंट और कोड सैंपल कॉन्टेंट के लाइसेंस में बताए गए लाइसेंस के हिसाब से हैं. Java और OpenJDK, Oracle और/या इससे जुड़ी हुई कंपनियों के ट्रेडमार्क या रजिस्टर किए हुए ट्रेडमार्क हैं.
आखिरी बार 2025-07-27 (UTC) को अपडेट किया गया.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2025-07-27 (UTC) को अपडेट किया गया."],[],[],null,["# Progress indicator\n\n[Progress indicators](/reference/kotlin/androidx/wear/compose/material/package-summary#CircularProgressIndicator(kotlin.Float,androidx.compose.ui.Modifier,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp)) are circular displays of the length of a process or an otherwise unspecified wait time. \nUse progress indicators to show the proportion of a task that is complete. To show progress an indicator is animated along a circular track in a clockwise direction. \n\nYou can apply progress indicators to components such as a play button.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAnatomy\n-------\n\nUse progress indicators to show the proportion of a task that is complete. To show progress an indicator is animated along a circular track in a clockwise direction. \n\nYou can apply progress indicators to components such as a play button.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Design recommendations**\n--------------------------\n\n**Progress indicator with gap**\n\n\u003cbr /\u003e\n\n\nCreate progress indicators with a gap to leave space for important information such as the time. To create a gap, change the progress indicator's startAngle and endAngle.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Small progress indicator**\n\n\u003cbr /\u003e\n\n\nCreate progress indicators with a gap to leave space for important information such as the time. Create a gap by changing the progress indicator's start and end angle.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Indeterminate progress indicator**\n\n\u003cbr /\u003e\n\n\nWhen using the progress indicator for situations where there is no set time, use a progress indicator with animated value. This can also be called a spinner. Use spinners sparingly as they can increase perceived wait time.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nUsage\n-----\n\nAdaptive layouts\n----------------\n\nResponsive behavior\n-------------------\n\nThe circumference of the progress indicator fills the screen/element (for on button) width and height, proportionally, while the stroke width remains the same across all breakpoints. \n\n\nThe gap degree for full screen stays at 51°, but the sweep will increase in dp based on the screen size. \n\nThe ring width and starting and end points are customisable."]]
