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

我一直在尝试将html表格数据导出到excel。我已经能够通过许多javascript框架做到这一点，比如从

div

读取

innerhtml

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>

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