Uikit桌上的Uikit进度条

Question

我在将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文件头部的样式块中。这解决了我的问题！