How can I make the alignment of the progress bars equal?

Question

https://code.sololearn.com/WlkuZ2Fi3qm3/?ref=app

Answer 1

Try this
<span class="title">WEB</span><progress min="0" max="100" value="100"></progress><br>
<span class="title">C++</span><progress min="0" max="70" value="100"></progress><br>
<span class="title">JAVA</span><progress min="0" max="100" value="10"></progress><br>
<span class="title">PYTHON</span><progress min="0" max="100" value="100"></progress><br>
<span class="title">RUBY</span><progress min="0" max="100" value="90"></progress><br>
<span class="title">SWIFT</span><progress min="0" max="100" value="100"></progress><br>
in CSS:
.title {
display: inline-block;
min-width: 80px;
}
https://code.sololearn.com/W5EgI4qSrNf6/?ref=app

Answer 2

Thanks

Answer 3

With a table for example