我正在尝试在我的网站上设计直观的头像上传。这些头像的大小正在调整为150x150。因为我不想过多地破坏我的形式，所以我想提供一个上传按钮和一个点来显示当前头像作为预览图像。一旦用户点击该按钮，他就可以选择一个新的头像，一旦点击它，就会处理上传。但在此过程中，我想告诉用户是否发生了任何事情。
我已经浏览了各种jQuery插件，但我没有找到一个既可以跨浏览器兼容，也可以在绘制的形状中允许自定义HTML内容的插件。
我的设置是Bootstrap 3和jQuery 1.11.1。我的上传是使用delivery.js - 通过Socket.io进行文件传输 - 或者是普通的AJAX到PHP页面完成的，因为它们都可以返回进度信息。
你们中是否有人知道可以在容器周围绘制进度指示器的库，或者实现它的方法？ Bootstrap有ing-circle使缩略图成为一个圆圈。我想要的就是在它周围绘制一些条形图，表明事情正在发生。