Как сделать прогрессбар с процентами для получения ответа c json по api?

GrayHorse, понял, спасибо

Как сделать прогрессбар с процентами для получения ответа c json по api?

а это подходит для json? Просто даже если в вашем примере вставить ссылку на api из моего примера, то там указано "Loaded: 24311 bytes ", но не указано сколько всего, как в примере с картинкой "Loaded: 108651 bytes of 108651"

Как сделать прогрессбар с процентами для получения ответа c json по api?

В консоле infinity если использовать ссылку на api из моего примера https://codepen.io/Ron3485/pen/qBxwWXO?editors=0001

а если заменить ссылку на api из вашего примера, тогда нормально- в конcоле выводится процент загрузки

Почему так происходит?

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Ankhena, большое спасибо

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Не работает, - сейчас получается, что ширина каждого из элементов своя

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

здесь получается немного по другому,- получается равная ширина для всех элементов, которая распространяется на 100% родителя. То есть в моем примере самый широкий блок это зеленый- его ширина вместе с паддингами составляет 76px, желтый и красный блок, несмотря на то что у них меньше контент так же взяли ширину самого широкого зеленого блока,- то есть тоже стали 76px в ширину.

Нужно только чтобы они теперь встали не в колонку, а в ряд. то есть не заполняли все 100% родителя, а в данной ституации были тоже все по 76px

Как уместить кнопку "показать весь текст" в одну линию с остальным текстом?

Спасибо

Как уместить кнопку "показать весь текст" в одну линию с остальным текстом?

Можете пожалуйста дать код как это гридами делается, а то пробую, но у меня не выходит?
может гридами будет лучше, без обрезки

Как уместить кнопку "показать весь текст" в одну линию с остальным текстом?

Правда сейчас столкнулся с новой проблемой https://codepen.io/Ron3485/pen/yLvxdRQ
Текст обрезается на половину буквы. А хотелось бы чтобы вмещалась буква целиком, а не ее половина =(

Как уместить кнопку "показать весь текст" в одну линию с остальным текстом?

Ankhena, спасибо. а почему вы пишите в комментариях, а не в ответе к вопросу? Я бы тогда смог указать ваше решение как верное

Как уместить кнопку "показать весь текст" в одну линию с остальным текстом?

Tan__Y, спасибо. Сделал так https://codepen.io/Ron3485/pen/yLvxdRQ
правда теперь возник еще один вопрос, как скрыть кнопку, если текста меньше чем две строки?
чтобы она появлялась только если тект обрезается.

Как уместить кнопку "показать весь текст" в одну линию с остальным текстом?

Ankhena, спасибо, вроде получилось. Правда не совсем понял как через гриды можно сделать, там же ячейки как таблица. Сделал через абсолют:
https://codepen.io/Ron3485/pen/yLvxdRQ

Правда возник еще одитн вопрос)) Как теперь скрыть блок с кнопокй, если текста меньше чем две строки?

Как уместить кнопку "показать весь текст" в одну линию с остальным текстом?

но тогда же текст не будет обрезаться

Как уместить кнопку "показать весь текст" в одну линию с остальным текстом?

Насколько я вижу, в данном примере та же самая проблема,- label следующий за текстом точно так же переносится на новую строку

Почему не работает функция useSwiper слайдера во vue 3?

0xD34F, все, понял- это если бы в компоненте<swiper >...</swiper > был какой-то вложенный компонент. тогда внутри этого вложенного компонента через useSwiper можно было бы обратиться к функция самого слайдера в котором он находится

Почему не работает функция useSwiper слайдера во vue 3?

0xD34F, все, дошло. Спасибо))
Единственное, с useSwiper все равно не очень ясно, как его использовать. потому что в решении, которое вы дали useSwiper не используется

Почему не работает функция useSwiper слайдера во vue 3?

Да, нужно перенести

<button @click="swiper.slideNext()">Slide to the next</button>

в компонент <swiper>...</<swiper> но дальше в вашем примере не очень поятно, например что такое instance или const swiper = ref(); ведь уже есть const swiper = useSwiper();

Как избавиться от двойных кавычек, выводя текущее количество введенных символов?

0xD34F, огромное спасибо. А можете пожалуйста еще чуть подробней объяснить как работает этот прием? Просто не совсем понимаю, что произошло после оборачивания в стрелочную функцию?

Почему возникает ошибка "Object is possibly 'undefined'" при поиске объекта в массиве и чтении его свойства?

спасибо за объяснение

Почему возникает ошибка "Object is possibly 'undefined'" при поиске объекта в массиве и чтении его свойства?

WbICHA, спасибо, решил вот таким способом

categories.value.find((c: CategoriesInterface) => c.id === record.categoryId)?.title

Но все равно не совсем понимаю, почему при
const categories = ref<any>([])
не было ошибки.
по сути же получается, что у возвращается undefined.title, но это же и в js не валидно.
или я что-то путаю?