Файловый менеджер - Редактировать - /home/lmsyaran/public_html/j3/plugins/content/course_progress/tmpl/default.php
Назад
<div class="moojla-progress-wrapper"> <div class="title"> <i class="fas fa-spinner"></i> <span>درصد پیشرفت درس</span> <span> : <?= floor($percentages['percentage']);?>%</span> </div> <div class="moojla-progress"> <span class="moojla-progress-bar" style="width: <?= floor($percentages['percentage']);?>%"></span> </div> </div> <style> .moojla-progress-wrapper .title{ margin-bottom: 15px; display: flex; } .moojla-progress-wrapper .title i{ font-size: 1.7rem; padding-left: 15px; color: #a5afbb; } .moojla-progress-wrapper .title span{ align-self: center; } .moojla-progress-wrapper { background: white; border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 2px 0px 5px #e5e5e5; font-weight: 100; font-size: 0.9rem; padding: 8px; margin: 20px 0px; margin-right: 0px; } .moojla-progress { width: 100%; max-width: 260px; height: 9px; background: #e1e4e8; border-radius: 3px; overflow: hidden; } .moojla-progress-bar { display: block; height: 100%; background: linear-gradient(90deg, #ffd33d, #ea4aaa 17%, #b34bff 34%, #01feff 51%, #ffd33d 68%, #ea4aaa 85%, #b34bff); background-size: 300% 100%; animation: progress-animation 20s linear infinite; } @keyframes progress-animation { 0% { background-position: 0%; } 100% { background-position: 100%; } } </style>
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка