[LinearProgress][CircularProgress] Change from div to span

So far, both [LinearProgress] and [CircularProgess] are made of <div />s.

That makes it hard to use inside of any text (e.g. Intractive Integration Button, which can naturally be placed inside of <p /> or <span />), because you will get Warning: validateDOMNesting(...) in that case.

I think that best solution would be to change <div />s in those components to <span />s with display: block. It would probably won’t event be considered breaking change, since nowhere in Docs is stated that those Components uses any particular HTML structure.

[sarbogast]

I confirm the interest of this. Sometimes, you just want to display a small progress indicator instead of a text element that is loading, not just for a whole interface div.

[Mangatt]

Sometimes it’s not possible to change parent structure, especially when you don’t have immediate control over it - predefined templates, contenteditable or when you let user create content via wysiwyg.