mpdf bootstrap进度条

时间:2017-05-23 20:46:29

标签: php twitter-bootstrap mpdf

我有一个带有mpdf的pdf导出问题,我没有显示引导进度条。

仅供参考:决赛" a href"是因为我通过AJAX获取此代码。所以我将PDF存储在服务器上,然后用户可以下载它。我觉得这样很好。

但我的主要问题是关于bootstrap进度条。 条形的宽度由文本的长度给出,而不是本例的80%

progress bar

我的代码如下

$html = '<h2 class="text-success text-center underline">Indicadoresa</h2>
        <br>
        <table class="table table-bordered table-striped" style="width:100%">
            <tbody>
            <tr>
                <td style="width:50%"><b>Zona</b></td>
                <td>'.$s1.'</td>
            </tr>
            <tr>
                <td><b>Responsable</b></td>
                <td>'.$s0.'</td>
            </tr>
            <tr>
                <td><b>Periodo</b></td>
                <td>'.$s3.'</td>
            </tr>
            <tr>
                <td><b>Fecha/Hora Ingreso</b></td>
                <td>'.$s2.'</td>
            </tr>
            <tr>
                <td><b>Dotacion Total Zona</b></td>
                <td>'.$s4.'</td>
            </tr>
            </tbody>
        </table>
         <h3 class="text-success text-center">Indicadores de Personal</h3>
            <h4 class="text-primary">Calificaciones</h4>
            <table class="table table-bordered table-striped" style="width:100%">
                <tbody>
                <tr>
                    <td style="width:50%"><b>Cantidad evaluaciones al rol de calificadores</b></td>
                    <td>'.$s5.'</td>
                </tr>
                <tr>
                    <td><b>Cantidad evaluaciones sin Observaciones</b></td>
                    <td>'.$s6.'</td>
                </tr>
                <tr>
                    <td><b>% Evaluaciones sin Observaciones </b></td>
                    <td><div class="progress active" style="margin-bottom:0px;">
                            <div class="progress-bar progress-bar-striped progress-bar-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="'.$s7.'">
                            <span>'.$s7.'</span>
                                  </div>
                                </div></td>
                </tr>
                </tbody>
            </table>';

require_once __DIR__ . '/plugins/mpdf/vendor/autoload.php';
$mpdf = new mPDF('c');

$stylesheet  = '';
$stylesheet .= file_get_contents('bootstrap/css/bootstrap.min.css');
$stylesheet .= file_get_contents('dist/css/skins/_all-skins.css');

$mpdf->WriteHTML($stylesheet,1);
$mpdf->WriteHTML($html,2);
$mpdf->Output($s1.' Indicadores Anuales_'.$s3.' '.$s0.'.pdf','F');



?>
<h5 class="text-primary no-print">PDF</h5>
              <table class="table table-bordered table-striped no-print" style="width:100%">
                <tbody>
                <tr>
                    <td style="width:50%"><b>Descargar</b></td>
                    <td><a href="<?php echo $s1.' Indicadores Anuales_'.$s3.' '.$s0.'.pdf'?>" target="_blank">Descargar</a></td>
                </tr>
                </tbody>
            </table>

0 个答案:

没有答案