Верстаем сложный прогрессбар в 2026 году

Чуток покопипастил и соорудил развитие этой фичи

Может в vanilla CSS дело и до for() дойдёт, чтобы препроцессоры не применять...

.progress::before {

    content: if(

      style(--progress <= 0): "0%";  

      style(--progress <= 1): "1%";

      style(--progress <= 2): "2%";

      style(--progress <= 3): "3%";

      style(--progress <= 4): "4%";

      style(--progress <= 5): "5%";

      style(--progress <= 6): "6%";

      style(--progress <= 7): "7%";

      style(--progress <= 8): "8%";

      style(--progress <= 9): "9%";

      style(--progress <= 10): "10%";

      style(--progress <= 11): "11%";

      style(--progress <= 12): "12%";

      style(--progress <= 13): "13%";

      style(--progress <= 14): "14%";

      style(--progress <= 15): "15%";

      style(--progress <= 16): "16%";

      style(--progress <= 17): "17%";

      style(--progress <= 18): "18%";

      style(--progress <= 19): "19%";

      style(--progress <= 20): "20%";

      style(--progress <= 21): "21%";

      style(--progress <= 22): "22%";

      style(--progress <= 23): "23%";

      style(--progress <= 24): "24%";

      style(--progress <= 25): "25%";

      style(--progress <= 26): "26%";

      style(--progress <= 27): "27%";

      style(--progress <= 28): "28%";

      style(--progress <= 29): "29%";

      style(--progress <= 30): "30%";

     

      style(--progress <= 31): "31%";

      style(--progress <= 32): "32%";

      style(--progress <= 33): "33%";

      style(--progress <= 34): "34%";

      style(--progress <= 35): "35%";

      style(--progress <= 36): "36%";

      style(--progress <= 37): "37%";

      style(--progress <= 38): "38%";

      style(--progress <= 39): "39%";

      style(--progress <= 40): "40%";

      style(--progress <= 41): "41%";

      style(--progress <= 42): "42%";

      style(--progress <= 43): "43%";

      style(--progress <= 44): "44%";

      style(--progress <= 45): "45%";

      style(--progress <= 46): "46%";

      style(--progress <= 47): "47%";

      style(--progress <= 48): "48%";

      style(--progress <= 49): "49%";

      style(--progress <= 50): "50%";

      style(--progress <= 51): "51%";

      style(--progress <= 52): "52%";

      style(--progress <= 53): "53%";

      style(--progress <= 54): "54%";

      style(--progress <= 55): "55%";

      style(--progress <= 56): "56%";

      style(--progress <= 57): "57%";

      style(--progress <= 58): "58%";

      style(--progress <= 59): "59%";

      style(--progress <= 60): "60%";

      style(--progress <= 61): "61%";

      style(--progress <= 62): "62%";

      style(--progress <= 63): "63%";

      style(--progress <= 64): "64%";

      style(--progress <= 65): "65%";

      style(--progress <= 66): "66%";

      style(--progress <= 67): "67%";

      style(--progress <= 68): "68%";

      style(--progress <= 69): "69%";

      style(--progress <= 70): "70%";

      style(--progress <= 71): "71%";

      style(--progress <= 72): "72%";

      style(--progress <= 73): "73%";

      style(--progress <= 74): "74%";

      style(--progress <= 75): "75%";

      style(--progress <= 76): "76%";

      style(--progress <= 77): "77%";

      style(--progress <= 78): "78%";

      style(--progress <= 79): "79%";

      style(--progress <= 80): "80%";

      style(--progress <= 81): "81%";

      style(--progress <= 82): "82%";

      style(--progress <= 83): "83%";

      style(--progress <= 84): "84%";

      style(--progress <= 85): "85%";

      style(--progress <= 86): "86%";

      style(--progress <= 87): "87%";

      style(--progress <= 88): "88%";

      style(--progress <= 89): "89%";

      style(--progress <= 90): "90%";

      style(--progress <= 91): "91%";

      style(--progress <= 92): "92%";

      style(--progress <= 93): "93%";

      style(--progress <= 94): "94%";

      style(--progress <= 95): "95%";

      style(--progress <= 96): "96%";

      style(--progress <= 97): "97%";

      style(--progress <= 98): "98%";

      style(--progress <= 99): "99%";

      else: "100%";

    );

    color: var(--color);

  }

KivyMD на «кухне»

Хмм.. изволите загадки загадывать?

"Я его слепила из того, что было". Потому как мне показалось, что с помощью данного инструмента можно достаточно быстро слепить нечто приличное.

Если же есть другие предложения, то изложите, please.

А свободное ПО тем и отличается от покупного, что постоянно нужно что-то "дотачиваить по месту" и "морщить лоб" при отсутствии документации. А здесь в исходниках есть масса примеров и доки.

KivyMD на «кухне»

Честно говоря, еще не пробовал. Я ведь только месяц назад узнал про Киви. Это учебный проект, на котором первым учеником был я ;)

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

Как закончу, обязательно попробую приложение на Андроиде. Впрочем, никто не мешает Вам оценить это самостоятельно. Код-то открытый.

KivyMD на «кухне»

В догон. Сходу pyinstaller мой проект не собрал. Пришлось добавить в код несколько бесполезных для запуска строк импорта, потому что сборщик, увы, не видит элементы из декларативной kivy-части.

Сделал соответствующие изменения на github.

И пока не победил сборку в один файл :( . Всё-таки рядом с exe-файлом нужно положить каталог assets с картинками.

KivyMD на «кухне»

Запускается и отлаживается в PyCharm очень легко. Для сборки под Windows до exe-файла использую pyinstaller. Но это обычная для python-скриптов практика. И не относится к "птичке".

KivyMD на «кухне»

Не вопрос. Для первых восьми экранов вставил. Продолжать ?

Автоматическая рассылка сообщений WhatsApp (развитие)

Пардон, упустил... это древний баг autoit.

Что бы исправить ошибку замените строку отправки пути к файлу на эту

autoit.control_set_text(idExplorerOpen, idInputLine, args.file)

Подробнее об этой проблеме здесь (Autoit Send sometimes convert : to ; (colon to semi colon) and \ to | (backslash to pipe) - AutoIt General Help and Support - AutoIt Forums (autoitscript.com) )

control_set иногда срабатывает правильно, а иногда неправильно. Это зависит от раскладки клавиатуры, операционной системы и ... погоды за окном ;)

Автоматическая рассылка сообщений WhatsApp (развитие)

Через pip

webdriver_manager

selenium

argparse

И отдельно, как описано выше, через setup.py - PyAutoit

Возможно, именно последний притащил много лишнего на Ваш взгляд.

Но я не заморачиваюсь подобными вопросами и не делаю freeze и анализ после каждой установки пакета.

Автоматическая рассылка сообщений WhatsApp (развитие)

Увы. Это действительно так. Я ставил в чистом, виртуальном окружении всего три пакета, но pip притащил все зависимости.

Позвольте спросить: "А в чем проблема с длинным списком зависимых пакетов?"

Автоматическая рассылка сообщений WhatsApp

Вы забыли, что нужно еще выполнить пункт 1.1. pip install webdriver_manager

Тогда всё будет без ошибок

Но код рабочий, круто.

Спасибо