title: ProgressDialog in jetpack compose
body: <p>I want to show Indeterminate progress dialog when user performs some action like signing up. The old way it was possible using <code>ProgressDialog</code>.</p>
  <p>For compose, I found this <a href="https://stackoverflow.com/questions/59825217/how-can-i-render-plain-android-progressbar-with-compose">How can I render plain android ProgressBar with Compose?</a> But this is not exactly what I'm looking for as it's just a view. It does not cover the screen like dialog does.</p>
  <p>With <code>CircularProgressIndicator</code> I'm able to achieve this:</p>
  <p><a href="https://i.stack.imgur.com/i8g4Dm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/i8g4Dm.png" alt="compose progressbar" /></a></p>
  <p>As you can see it's shown below the views.</p>
  <p>I want to create something like this:</p>
  <p><a href="https://i.stack.imgur.com/9wuvqm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9wuvqm.png" alt="expected dialog" /></a></p>
  <p>It should have:</p>
  <ol>
  <li>Dim background</li>
  <li>draw over other views</li>
  <li>Non cancellable</li>
  </ol>
  <p>How can I achieve this in Jetpack compose?</p>