Fylo data storage component with HTML & CSS

The only thing I couldn't solve is the 'dialog' badge that displays the remaining storage. I couldn't find a way to add the dialog thingy at the bottom right corner, so I just left it rounded. How could I solve this?

Also, I don't know what is the best way to create the progress bar. I personally used two <div>s and the ::after pseudo-element, but maybe there's a better way using the <progress> HTML element (I struggled a lot with this way, so I just used <div>s)