# Советы или предложения по функциям для компонента темы полосы прогресса в реальном времени

**URL:** <https://meta.discourse.org/t/advice-or-feature-suggestions-for-a-real-time-progress-bar-theme-component/255622>\
**Category:** Development\
**Created:** [19.Февраль.2023 19:13:25 UTC](https://meta.discourse.org/t/advice-or-feature-suggestions-for-a-real-time-progress-bar-theme-component/255622 "2023-02-19T19:13:25Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [19.Февраль.2023 19:13:25 UTC](https://meta.discourse.org/t/advice-or-feature-suggestions-for-a-real-time-progress-bar-theme-component/255622/1 "2023-02-19T19:13:25Z")

</div>

Всем привет!

Я работаю над прототипом компонента темы с индикатором прогресса.

Первоначальная цель заключалась в создании индикатора прогресса для пожертвований, который пользователи могли бы видеть на моём форуме, поскольку серверные расходы оплачиваются нашими пользователями через мой аккаунт на [ko-fi.com](http://ko-fi.com).

Каждый раз, когда происходит пожертвование через Ko-fi, сервис отправляет запрос к написанному мной PHP-скрипту, который, в свою очередь, отправляет запрос в Discourse для обновления текущего значения настройки.

Часть с PHP-скриптом не имеет прямого отношения к самому компоненту, и я хотел бы создать компонент, который можно было бы использовать для множества других целей.

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

Вот как это выглядит сейчас:

Репозиторий: [GitHub - Canapin/discourse-progress-bar: Adds a progress bar to Discourse · GitHub](https://github.com/Canapin/Discourse-custom-progress-bar)

Что мы можем сделать:

- Добавлять HTML-код над или под индикатором прогресса.
- Изменять ширину компонента и высоту индикатора прогресса.
- И индикатор прогресса, и числа настраиваются через CSS.  
Числа используют CSS-свойство `content`, потому что я не знал, как обновлять их в реальном времени другим способом.

Что я хотел бы добавить:

- Автоматически отключать или скрывать компонент при достижении целевой суммы.
- Описания для каждой настройки.
- Мне кажется, что код не соответствует «стилю программирования Discourse». В нём не используется ничего из Discourse. Я не имею в виду, что это обязательно, но, возможно, существует более чистый способ реализации, который также позволит использовать существующие методы Discourse для текущих или будущих функций.

* * *

Если вам интересен такой компонент, пожалуйста, не стесняйтесь делиться своим мнением 🙂

---

_[View the full topic](https://meta.discourse.org/t/advice-or-feature-suggestions-for-a-real-time-progress-bar-theme-component/255622)._