js中让字符串中特定字符(数字标识)红色显示

最近项目遇到描述文字中的数字红色显示,于是列出代码:

var str = "今日完成率20%";
var num_str  =str.replace(/^[^\d]*(\d+)[^\d]*$/, "$1");  //截取数字
var index =str.indexOf(num_str); //获取该数字出现的位置
var home = str.substring(0,index);//数字之前的文字
var end = str.substring(index);//数字之后显示为红色的部分

输出结果如下图: