Юзаю https://material-ui.com/components/progress/#linear-determinate в качестве сетки в таблице. На каждый шаг линия сетки совместил с прогрессом. Круто!


Но, если выставить небольшую толщину в 1 пиксель, это же сетка таблицы, то на одном и том "рендере" этот прогресс рисуется с РАЗНОЙ толщиной Никогда такого не видел. Смотрите сами — 2й, 3й и 4й прогресс — тольще чем отсальные (вырезано)


Это на обычном мониторе DPI=125%

На ретине все ok. На дисплее с плотностью 100% (96 dpi) не пробовал.

Высота (толщина) и цвет задается строго по документации:

import React from 'react';
import { withStyles } from '@material-ui/core/styles';
import LinearProgress from '@material-ui/core/LinearProgress';

const progressStyle = theme => ({
    root: {
        height: "1px",
    },
    colorPrimary: {backgroundColor: '#EEE'},
    barColorPrimary: {backgroundColor: '#888'}
});
const LinearProgress_Customized = withStyles(progressStyle)(LinearProgress);

P.S. Кстати, а какого чёрта черточки между шагами визарда имеют РАЗНУЮ длину?

Здравствуйте, VladCore, Вы писали:


VC>P.S. Кстати, а какого чёрта черточки между шагами визарда имеют РАЗНУЮ длину?
сделай толщину линии 0.5 а не 1

Здравствуйте, paradoks, Вы писали:

P>Здравствуйте, VladCore, Вы писали:


VC>>P.S. Кстати, а какого чёрта черточки между шагами визарда имеют РАЗНУЮ длину?
P>сделай толщину линии 0.5 а не 1

Какой линии? визарда или прогресса? Прогрес я пофиксил. выше написал.

0.5 пикселей не советую. старые телефоны не умеют такую толщину. хотя экран у них ретиновый.

Здравствуйте, VladCore, Вы писали:

VC>Юзаю https://material-ui.com/components/progress/#linear-determinate в качестве сетки в таблице. На каждый шаг линия сетки совместил с прогрессом. Круто!


VC>Смотрите сами — 2й, 3й и 4й прогресс — тольще чем отсальные

Исправил — проблема была когда когда value у прогресса была больше 99.999