Файловый менеджер - Редактировать - /home/lmsyaran/public_html/j3/plugins/content/course_progress/tmpl/step.php
Назад
<?php $document = JFactory::getDocument(); $document->addStyleSheet('/plugins/content/course_progress/tmpl/assets/step.css'); ?> <div class="moojla-progress-wrapper"> <h5 class="title"> <!-- <i class="fas fa-spinner"></i> --> <span>درصد پیشرفت درس</span> </h5> <div class="moojla-progress"> <span class="moojla-progress-bar" style="width: <?= floor($percentages['percentage']);?>%"></span> </div> <span class="progress-number"><?= floor($percentages['percentage']);?>%</span> </div> <style> .moojla-progress-wrapper .title{ margin-bottom: 15px; margin-right:10px; display: flex; } .moojla-progress-wrapper .progress-number{ color: #069c35; text-align: center; display: block; padding-top: 10px; font-size: 20px; font-family: cursive; } .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 #ebeef1; border-radius: 5px; box-shadow: 0px 0px 13px 1px rgb(70 72 77 / 8%); font-weight: 100; font-size: 0.9rem; padding: 8px; margin: 20px 0px; margin-right: 0px; } .moojla-progress { width: 95%; max-width: 100%; height: 11px; background: #dce5e8; border-radius: 25px; overflow: hidden; border: 1px solid #ebebeb; } .moojla-progress-bar { display: block; height: 100%; background: linear-gradient( -45deg,#4cca73 19%,#1fbd50 25%,#1fbd50 50%,#4cca73 50%,#4cca73 75%,#1fbd50 75%,#1fbd50); background-size: 1rem 1rem; animation: progress-animation 10s linear infinite; border-radius: 25px; } @keyframes progress-animation { 0% { background-position: 105%; } 100% { background-position: 0%; } } </style>
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка