我想在我的进度条标签中添加一个标签,就像这个漂亮的例子一样:

假设蓝色是值,红色是最大值,我如何在其中添加标签,如"35"?
我想知道如何使我的表能够使用Twitter Bootstrap进行排序?有什么需要考虑的事情?
我已经阅读了关于jquery的教程,但我很难理解是否有人可以教我更容易,我想要发生的是,当我按下其中一个按钮时,它的值将显示在#valueFromMyButton中模态弹出我可以输入文本,点击确定后我输入的文本将放在#valueFromMyModal上
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<input id="btn1" type="button" value="1">
<input id="btn2" type="button" value="2">
<input id="btn3"type="button" value="3">
<input id="valueFromMyModal" type="text">
<!--How to make this pop up modal form-->
<div id="myform">
<form>
<label id="valueFromMyButton"></label>
<input id="name" type="text">
<input id="btnOK" type="button" value="Ok">
</form>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 为什么我有这种类型的错误"TypeError:oColumn is undefined"使用jquery数据表我遵循了其文档中的所有指令.我不知道出了什么问题?
这是firebug的错误输出:

这是我的html表结构:

这是我使用的jquery代码:
<style type="text/css" title="currentStyle">
@import "datatables/media/css/demo_table.css";
</style>
<script src="datatables/media/js/jquery.dataTables.js"></script>
<script>
$(document).ready(function() {
$('#products-result').dataTable( {
"sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>"
} );
$.extend( $.fn.dataTableExt.oStdClasses, {
"sWrapper": "dataTables_wrapper form-inline"
} );
} );
</script>
Run Code Online (Sandbox Code Playgroud)
由jquery生成的表:
$.ajax({
url: 'get-products.php',
type: 'post',
datatype: 'json',
data: { category: $('.category').val().trim(), keyword: $('.keyword').val().trim() },
beforeSend: fnLoadStart,
complete: fnLoadStop,
success: function(data){
var toAppend = '';
toAppend += '<thead><tr><th>Name</th><th>Image</th><th>Price</th><th>Shipping</th><th>Weight</th><th>Dimension</th><th>ASIN</th><th>Description</th><th>Reviews</th><th>Category</th></tr></thead>';
toAppend += '<tbody>';
if(typeof data === "object"){
for(var i=0;i<data.length;i++){
var price = '';
if(data[i]['price'] === null){
price = …Run Code Online (Sandbox Code Playgroud)