<?php use_helper('Widgets'); ?> <h3>Markup reference:</h3> <?php pre_start('html'); ?> <div class="uiProgressBar"> <div> <span class="g" title="30 of 50" style="width:60%"></span> <span class="r" title="5 of 50" style="width:10%"></span> </div> </div> <?php pre_end(); ?> <h2>ui_progress_bar() helper</h2> <?php echo ui_progress_bar(array(array('value' => 75), array('value' => 0, 'label' => 'custom label', 'class' => 'r')), 100, array('id' => 'custom_id')); ?> <p>With custom border color:</p> <?php echo ui_progress_bar(array(array('value' => 75), array('value' => 0, 'label' => 'custom label', 'class' => 'r')), 100, array('borderColor' => '#A1A1A1'));
</div> </td> <td width="33%" class="layout"> <?php # Stats panel (displays when first card is loaded) ?> <div class="uiFcStats" style="display:none"> <?php ui_box_rounded('uiFcBoxBlueR'); ?> <h3>Reviewed: <em class="count">.</em> of <em class="count">.</em></h3> <?php echo ui_progress_bar(array(array('value' => 0)), 100, array('id' => 'review-progress', 'borderColor' => '#5FA2D0')); ?> <?php echo end_ui_box(); ?> <div class="stacks"> <?php ui_box_rounded('uiFcBoxBlueR'); ?> <p class="pass" title="Cards remembered">0</p> <p class="fail" title="Cards forgotten">0</p> <?php echo end_ui_box(); ?> </div>
<tr<?php $cssActive = $lkey == $currentLesson ? 'active' : ''; echo $i++ % 2 ? " class=\"{$cssActive} odd\"" : ''; ?> > <td><?php echo $less['label']; ?> </td> <td><?php if ($less['totalCards'] > 0) { # Show failed cards also: # array('value' => $less['testedCards'], 'label' => $less['passValue'].' passed card(s)' , 'class' => 'g'), # array('value' => $less['failValue'], 'label' => $less['failValue'].' failed card(s)', 'class' => 'r') # Show just progress (reduce info overload, focus on progres) echo ui_progress_bar(array(array('value' => $less['testedCards'], 'label' => $less['testedCards'] . ' flashcard(s)', 'class' => 'g')), $less['maxValue']); } else { echo 'Not yet started'; } ?> </td> <td class="center"><?php echo $less['testedCards'] . ' of ' . $less['maxValue']; ?> </td> </tr> <?php } ?> </tbody> </table>