{
"componentDescription": "## ARIA\n\nIf the progress bar is describing the loading progress of a particular region of a page,\nyou should use `aria-describedby` to point to the progress bar, and set the `aria-busy`\nattribute to `true` on that region until it has finished loading.",
"propDescriptions": {
"classes": { "description": "Override or extend the styles applied to the component." },
"color": {
"description": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide."
},
"sx": {
"description": "The system prop that allows defining system overrides as well as additional CSS styles."
},
"value": {
"description": "The value of the progress indicator for the determinate and buffer variants. Value between 0 and 100."
},
"valueBuffer": { "description": "The value for the buffer variant. Value between 0 and 100." },
"variant": {
"description": "The variant to use. Use indeterminate or query when there is no progress value."
}
},
"classDescriptions": {
"bar": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "the layered bar1 and bar2 elements"
},
"bar1": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the bar1 element" },
"bar1Buffer": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the bar1 element",
"conditions": "variant=\"buffer\"",
"deprecationInfo": "Use the .MuiLinearProgress-bar1 and .MuiLinearProgress-buffer classes instead. How to migrate"
},
"bar1Determinate": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the bar1 element",
"conditions": "variant=\"determinate\"",
"deprecationInfo": "Use the .MuiLinearProgress-bar1 and .MuiLinearProgress-determinate classes instead. How to migrate"
},
"bar1Indeterminate": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the bar1 element",
"conditions": "variant=\"indeterminate or query\"",
"deprecationInfo": "Use the .MuiLinearProgress-bar1 and .MuiLinearProgress-indeterminate classes instead. How to migrate"
},
"bar2": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the bar2 element" },
"bar2Buffer": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the bar2 element",
"conditions": "variant=\"buffer\"",
"deprecationInfo": "Use the .MuiLinearProgress-bar2 and .MuiLinearProgress-buffer classes instead. How to migrate"
},
"bar2Indeterminate": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the bar2 element",
"conditions": "variant=\"indeterminate or query\"",
"deprecationInfo": "Use the .MuiLinearProgress-bar2 and .MuiLinearProgress-indeterminate classes instead. How to migrate"
},
"barColorPrimary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the bar elements",
"conditions": "color=\"primary\"; bar2 if variant not "buffer"",
"deprecationInfo": "Use the .MuiLinearProgress-bar and .MuiLinearProgress-colorPrimary classes instead. How to migrate"
},
"barColorSecondary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the bar elements",
"conditions": "color=\"secondary\"; bar2 if variant not "buffer"",
"deprecationInfo": "Use the .MuiLinearProgress-bar and .MuiLinearProgress-colorSecondary classes instead. How to migrate"
},
"buffer": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "variant=\"buffer\""
},
"colorPrimary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root and bar2 element",
"conditions": "color=\"primary\"; bar2 if variant=\"buffer\""
},
"colorSecondary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root and bar2 elements",
"conditions": "color=\"secondary\"; bar2 if variant=\"buffer\""
},
"dashed": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the additional bar element",
"conditions": "variant=\"buffer\""
},
"dashedColorPrimary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the additional bar element",
"conditions": "variant=\"buffer\" and color=\"primary\"",
"deprecationInfo": "Combine the .MuiLinearProgress-dashed and .MuiLinearProgress-colorPrimary classes instead. How to migrate"
},
"dashedColorSecondary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the additional bar element",
"conditions": "variant=\"buffer\" and color=\"secondary\"",
"deprecationInfo": "Combine the .MuiLinearProgress-dashed and .MuiLinearProgress-colorSecondary classes instead. How to migrate"
},
"determinate": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "variant=\"determinate\""
},
"indeterminate": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "variant=\"indeterminate\""
},
"query": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "variant=\"query\""
},
"root": { "description": "Styles applied to the root element." }
}
}