拖拽进度条组件

使用API：

---

代码块

createRange: function(){ var me = this; var ranges = document.createElement(‘DIV’); var rangeInput = document.createElement(‘input’); (ranges).attr(“class”,”demo”);  (rangeInput).attr(“class”,”single-slider”); rangeInput.type = “hidden”; // rangeInput.value = 99; ranges.appendChild(rangeInput); me.domEl.appendChild(ranges); (ranges).css(“margin−top”:“300px”,“margin−left”:“50px”);  (rangeInput).inits({ onstatechange: function() { //slider值改变时的处理逻辑 var vals = $(“.single-slider”).val(); console.log(vals); // me.fire({ // type:”monthChange”, // month:vals // }); }, from: 0, to: 255, step: 1, disable: false, theme: ‘theme-green’, scale: [0,255], format: ‘%s’, showLabels: true, showScale: true, width: 300, height: 5, fontFamily:”Helvetica Neue”, color: “#fff”, fontSize: “9px”, //拖拽部分的颜色 backgroundColors : “#00ccff”, //未拖拽部分的底色 backgroundColor : “#1c516e”, //提示标签位置 lableTop: “-17px”, //input默认value值 values: 20 //滑块pointer,(如果需要自定义滑块样式，打开此注释，同时需要去 dragbarange.js组件里打开与以下相同代码的注释 // sliderwidth: “14px”, // sliderheight: “14px”, // sliderbackground: “red”, // slidertop: “-5px” }); },

可以渲染序列图： ```sequence 张三->李四: 嘿，小四儿, 写博客了没? Note right of 李四: 李四愣了一下，说： 李四-->张三: 忙得吐血，哪有时间写。 <div class="se-preview-section-delimiter"></div>

或者流程图：

Created with Raphaël 2.1.0 开始 我的操作 确认？ 结束 yes no 关于 序列图 语法，参考 这儿,关于 流程图 语法，参考 这儿.

用户可以选择 把正在写的博客保存到服务器草稿箱，即使换浏览器或者清除缓存，内容也不会丢失。