使用图像和图标将HTML表导出到Excel

Question

我一直在尝试将我的html表数据导出到excel。我已经能够通过许多javascript框架执行相同操作，例如从innerhtml阅读div。

var blob = new Blob([document.getElementById('exportable').innerHTM], {
        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
    });
    saveAs(blob, "Report.xls");
};

问题

我的html内容有如下所示的字体真棒图标

 <i class="fa fa-thumbs-up green"></i>

并且一些html单元格也有进度条

<div  class="progress-bar progress-bar-success" role="progressbar"
                                                 style="height: 2px; position: relative; border-radius: 2px; margin-top: 7px; left: 3%;"
                                                 ng-style="{'backgroundColor':event.backgroundColor,'width' :event.timeLineWidthPercent}">
</div>

他们无法出口。我无法找到一种可以使用这些图标和进度条导出数据的方法。