progress()

The new CSS progress() function calculates a value between 0 and 1, representing its position within a defined range. While awaiting broader browser support, users can manually implement this using other methods.

The new CSS progress() function maps a given value to a range. Super useful for responsive layouts, responsive typography, and fun tricks.

With the `progress()` function in CSS we’ve got a new way to calculate the size for type based on the viewport without problems of the past.