html - UIkit 表上的 UIkit 进度条

Question

我在放入 a 时遇到问题uikit progress bar，uikit table cell我搜索getuikit了所有文档progress bar和table文档，但没有发现任何好的社区或资源。

这是我的简化表格 html 文件：

<table class="uk-table uk-table-hover uk-overflow-container">
    <thead>
        <tr>
            <th>
                Employee
            </th>
            <th>
                <label class="uk-form-label" for="name" style="font-weight: lighter;">
                    Contact
                </label>
            </th>
            <th>
                Workplace/Position
            </th>
            <th>
                Status
            </th>
            <th>
                Work Completed (%)
            </th>
    </thead>
    <tbody>
        <tr>
            <td>Luigi Lascuña</td>
            <td>Igi@skyes8.com</td>
            <td>Main Office/General Manager</td>
            <td>Regular</td>
            <td class="uk-progress">
                <div class="uk-progress-bar" style="width: 40%;">40%</div>
            </td>
        </tr>
    </tbody>
</table>

这是我的输出：

结果只会显示40%表格单元格内的文本，而不是像文档中那样。

Answer 1

我只是将components/progress.css我的样式块包含在主 html 文件的头部。这解决了我的问题！