javascript - How To add striped or Slant Line to progressbar? -
i design progressbar like
<style> #progress-holder{width:400px;height:20px;background:grey} #progress{width:0;height:100%;background:black} </style> <div id="progress-holder"> <div id="progress"></div> </div> <script> var progress = document.getelementbyid('progress'); function updatevalue(perc) { progress.style.width = perc+'%'; } updatevalue(40); </script>
its simple , updatevalue() function can change progress value ... want add slant line progressbar
do know that? or existing script? :)
you can use bootstrap. bootstrap lets define progress bar easily. check this. note not available in ie9 , below.
if want use css3 see this link
Comments
Post a Comment