Прогресс больше 100%

Question

Я хочу использовать antd Progress для отображения пользовательских калорий.И иногда пользователь может съесть больше, чем он должен, и Прогресс должен быть больше, чем 100% и красный (не удалось).Можно с antd Progress?

Answer 1

К сожалению, компонент Progress сначала проверит реквизиты percent, разрешено только 0 < percent < 100, функцию проверки можно найти в коде ant-design :

const validProgress = (progress: number | undefined) => {
    if (!progress || progress < 0) {
        return 0;
    } else if (progress > 100) {
        return 100;
    }
    return progress;
};