#прогрессбар — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #прогрессбар, aggregated by home.social.
-
Верстаем сложный прогрессбар в 2026 году
Раньше, чтобы сделать круговой прогрессбар, мы страдали с SVG. Мне до сих пор больно заглядывать в инспектор на старых реализациях. Сегодня всё кардинально упростилось. Современный CSS позволяет собрать сложный, гибкий и красивый круговой прогрессбар буквально на одном div и на одном CSS-свойстве. И всё это — с отличной браузерной поддержкой. В этой статье я разберу именно этот приём. Сначала — ключевую идею подхода, затем — возможности кастомизации, после этого добавлю немного визуальной «дороговизны», удобные ручки управления и экспериментальную CSS-логику. Да-да, напоследок мы немного попрограммируем на CSS!
https://habr.com/ru/articles/983810/
#css #frontend #range_syntax_for_style_queries #uxui #прогрессбар #программирование_на_css
-
Создаем плагин визуализации для Modus BI: прогресс-бар своими руками
Если вы работаете с BI‑системами, наверняка сталкивались с ситуацией, когда стандартных визуализаций не хватает. Хочется добавить свой график, который идеально подходит под задачи бизнеса. В Modus BI такая возможность встроена в саму платформу — вы можете создавать свои плагины визуализаций. В этой статье мы шаг за шагом разберем, как собрать с нуля простой, но гибко настраиваемый прогресс‑бар . Руководство будет полезным для разработчиков, которые хотят самостоятельно создавать уникальные визуализации на базе Modus BI.
https://habr.com/ru/companies/modusbi/articles/976828/
#modusbi #плагины_визуализации #кастомные_диаграммы #разработка_BIплагинов #прогрессбар #javascript #BIразработка #data_visualization #modus_bi
-
Как помочь пользователю ждать. Научные исследования
Сервисы сейчас работают достаточно быстро — почти нигде нет прям экранов ожидания, где приходится ждать больше секунды или нескольких. Но иногда все-таки приходится: например, при онбординге, если сервис формирует персональную программу для студента. Я прочитала научные исследования, чтобы разобраться, как интерфейс может помочь пользователю ждать.
-
Еще один кейс на PHP. Скачиваем базу данных из открытого API
Решать задачу будем на примере каталога исторических экспонатов Музейного фонда РФ. API каталога является общедоступным сервисом. Сначала нам нужно будет сформировать ссылку на скачивание архива ZIP с информацией. Сделать это нужно аккуратно, так, чтобы изменения в названиях файлов, которые могут время от времени случаться, не повлияли на работоспособность нашего скрипта. Затем, мы создадим шакалу загрузки, или прогресс-бар, как ее еще называют, чтобы отслеживать процесс скачивания. Экспонатов много, каталог большой: «весит» он более 5 Гб. Без индикации загрузки пользователь может недоумевать, почему ничего не происходит и консоль просто висит долгое время. Наконец, скачаем файл из API, который потом можем разобрать по таблицам своей базы в том виде, в котором понадобится. 1. «Побеждаем» html Структура файлов нашего проекта будет типичной. Потребуется класс Downloader.php. Там пропишем основную логику скачивания архива из API, а также index.php, в котором будем запускать методы из этого и других классов. Также будет необходим config-файл, в котором мы будем аккумулировать информацию о переменных параметрах нашего приложения, которые могут поменяться. Из Downloader.php придется периодически наведываться в «конфиг», чтобы получить тот или иной входной параметр. Обратите внимание на папку museumData, туда мы будем сохранять нашу базу данных из API. Воспроизведите, пожалуйста, структуру ниже у себя. Скриншот №1
https://habr.com/ru/articles/793416/
#API #PHP #DOM #Downloader #DOMXpath #file_put_contents #Файл #Прогрессбар #Пример
-
Еще один кейс на PHP. Скачиваем базу данных из открытого API
Решать задачу будем на примере каталога исторических экспонатов Музейного фонда РФ. API каталога является общедоступным сервисом. Сначала нам нужно будет сформировать ссылку на скачивание архива ZIP с информацией. Сделать это нужно аккуратно, так, чтобы изменения в названиях файлов, которые могут время от времени случаться, не повлияли на работоспособность нашего скрипта. Затем, мы создадим шакалу загрузки, или прогресс-бар, как ее еще называют, чтобы отслеживать процесс скачивания. Экспонатов много, каталог большой: «весит» он более 5 Гб. Без индикации загрузки пользователь может недоумевать, почему ничего не происходит и консоль просто висит долгое время. Наконец, скачаем файл из API, который потом можем разобрать по таблицам своей базы в том виде, в котором понадобится. 1. «Побеждаем» html Структура файлов нашего проекта будет типичной. Потребуется класс Downloader.php. Там пропишем основную логику скачивания архива из API, а также index.php, в котором будем запускать методы из этого и других классов. Также будет необходим config-файл, в котором мы будем аккумулировать информацию о переменных параметрах нашего приложения, которые могут поменяться. Из Downloader.php придется периодически наведываться в «конфиг», чтобы получить тот или иной входной параметр. Обратите внимание на папку museumData, туда мы будем сохранять нашу базу данных из API. Воспроизведите, пожалуйста, структуру ниже у себя. Скриншот №1
https://habr.com/ru/articles/793416/
#API #PHP #DOM #Downloader #DOMXpath #file_put_contents #Файл #Прогрессбар #Пример