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 enter image description here

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

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -