Uikit表上的Uikit进度条

Question

我在uikit table cell中放置一个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

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

​

​