Как сделать такой статус бар?

Не совсем.
Сама полоска заполнения. у нее градиент должен совпадать с градиентом рамки. Т.е. она должна быть всегда 100% ширины, но обрезаться по значению. Проще всего это было бы сделать через clip-path, если бы не поддержка. Еще есть варианты с svg маской и с overflow. В последнем случае нужно еще обертка для полосы.

Но если не придираться, то норм =))

Сергей delphinpro, в идеале да, полоска должна совпадать с градиентом рамки, но в данном случае не критично, надеюсь)