Strike And Replace

A semantic-colored horizontal line strikes through the old value 0→100%; the instant the stroke completes, the old value fades out and the new value rises from 8px below the same position to take its place — the replacement feel comes from "occupying the same position", container width is held open by an invisible ruler, and the rest of the sentence has zero displacement