No Progress with the progress element in WordPress

A few posts ago I reported about the progress and meter elements in html5 and that I had found a way to add these to a WordPress blog. Unfortunately it didn’t work as expected. After entering the html code the block looked as expected but when I published the post I only say the labels back without progress bars. In fact, the label elements had been converted into h3 elements and the progress elements were simply gone. I figured I would give the meter element a try in this post and see what happens when I post if I get the same issue. Adding the code to the block it gives me the correct appearance but to be seen if it survives upon posting. I had another post yesterday in which I added math to my post and that actually did survive upon posting luckily. This is actually more important to me than correctly displaying the meter or progress elements.

Using the progress and meter elements, we can visually represent the progress of a course, chapter, or time elapsed. The progress element shows the completion percentage, while the meter element indicates a value within a known range.

Progress

Course Progress:
Chapter Progress:
Time Elapsed:

Meter

Course Progress:
Chapter Progress:
Time Elapsed: