Панель приложений пользовательского интерфейса Material с Nprogress

#javascript #reactjs #material-ui #progress-bar #next.js

#javascript #reactjs #материал-пользовательский интерфейс #индикатор выполнения #next.js

Вопрос:

Код:

 <AppBar color='inherit' position='fixed'><AppBar>
 

Я использую material-ui, когда я использую nprogress в приложении Nextjs с material ui, тогда он не отображается вверху. Но когда цвет панели приложений прозрачный, отображается панель nprogress. Теперь мне нужно видеть nprogress в верхней части панели приложений (с фиксированной позицией и наследованием цвета) при запуске перехода на страницу.

Комментарии:

1. Вы обновили стили панели из css? Вы можете поместить прогресс в верхней части панели приложений, установив для свойства z-index в вашем css-файле значение, большее 1100, z-индекс компонента MUI панели z-index: 1110 !important; приложений, т.е. Цвет может быть обновлен таким же образом.