Вы используете устаревший браузер. Этот и другие сайты могут отображаться в нём некорректно. Вам необходимо обновить браузер или попробовать использовать другой.
если 20HP это 100%, то 10HP это x
20HP = 100%
10HP = x
отсюда x = перемножение по диагонали и делим на противоположное
x = (10HP * 100%) / 20HP = 1000/20 = 100/2 = 50%