Rank progress

[Relja12]

Hey guys!

I have a problem when coding this:

<li class="list-group-item">
    <b>Rank Progress</b> <div style="width: 80%;display: inline;" class="progress-group">
            
       <span class="progress-number">XX%</span>

          <div class="progress sm">
              <div class="progress-bar progress-bar-blue-light" style="width: XX%"></div>
        </div>
      </div>                     
   </li>

I want to add code to display precentage to next rank and progress bar with it. Does someone have an idea? I would appreciate any help!

Thanks,

Relja

[web541]

Check here

https://forum.phpvms.net/topic/8681-percentage-to-rank/

[Relja12]

Hey web541,

Thank you for getting back to me. But as I am new to coding all those stuff, I dont understand what they want to say. If you could specify what do I have to edit in my code or is it even possible to use it? 

Thank you again,

Relja

[CarlosEduardo2409]

@Relja12 Try this

<li class="list-group-item">
	<b>Rank Progress</b> 
  
  	<?php $percentage = ($pilot_hours/$nextrank->minhours) * 100; ?>
  	<?php $round = round($percentage); ?>
	<div style="width: 80%;display: inline;" class="progress-group">     
    	<span class="progress-number"><?php echo $round ?>% Completed</span>
      
    	<div class="progress sm">
          	<div class="progress-bar progress-bar-blue-light" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style='width: ", <?php echo $round ?>, "%'></div>
        </div>
    </div>                     
</li>

Code by: Alp Yeni

Edited February 21, 2018 by CarlosEduardo2409

[Relja12]

Hi Carlos, 

First of all, thank you for your response. Now, I get this in place where progress bar should be:

Rank Progress //Calculate percentage to next rank. // Round percentage because xxx.x% is not good for CSS. 4% Completed // Progress bar percentage
// Create progress bar // Progress bar inner

 

[CarlosEduardo2409]

Please, refresh the page, and get the code again.

[Relja12]

Okay, now the code works but for some reason progress bar is missing. Any idea?

 

[CarlosEduardo2409]

Try this:

<li class="list-group-item">
                <b>Rank Progress</b> 
					  
                <?php $percentage = ($pilot_hours/$nextrank->minhours) * 100; ?>
                <?php $round = round($percentage); ?>
                <div style="width: 80%;display: inline;" class="progress-group">     
                    <span class="progress-number"><?php echo $round ?>% Completed</span>
						  
                    <div class="progress sm">
                        <?php echo "<div class='progress-bar progress-bar-blue-light' role='progressbar' aria-valuenow='60' aria-valuemin='0' aria-valuemax='100' style='width: ", $round, "%'></div>"; // Progress bar inner ?>
                    </div>
                </div>                     
            </li>

 

[Relja12]

Now it works perfectly fine! Thank you very much Carlos! 

Best regards,

Relja

[CarlosEduardo2409]

You are welcome