<body>
<canvas id="mycanvas">您的瀏覽器不支持</canvas>
</body>
<script>
//獲取canvas
var canvas = document.getElementById('mycanvas');
//定義畫布的大小
canvas.width=1000;
canvas.height=300;
canvas.style.border="1px solid #ccc";
//獲取畫布環(huán)境
var cxt=canvas.getContext("2d");
//定義進(jìn)度條的外邊框
cxt.strokeStyle="blue";
cxt.strokeRect(150,100,500,80);
//進(jìn)度條的思路：每一秒中畫一個(gè)小的矩形填充迎瞧。
cxt.fillStyle="red";
var i=0;
var clear=setInterval(function(){
cxt.fillRect(150+i,100,10,80);
i=i+10;
//判斷當(dāng)進(jìn)度條到達(dá)底部時(shí)蔼两，停止。
if(i>490){
clearInterval(clear);
}
},100)
</script>用Canvas寫進(jìn)度條
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來慈缔，“玉大人叮称，你說我怎么就攤上這事∶旰祝” “怎么了瓤檐？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長娱节。 經(jīng)常有香客問我挠蛉，道長，這世上最難降的妖魔是什么肄满？ 我笑而不...
- 正文 為了忘掉前任谴古，我火速辦了婚禮，結(jié)果婚禮上稠歉，老公的妹妹穿的比我還像新娘掰担。我一直安慰自己，他們只是感情好怒炸，可當(dāng)我...
- 文/花漫 我一把揭開白布带饱。 她就那樣靜靜地躺著，像睡著了一般横媚。 火紅的嫁衣襯著肌膚如雪纠炮。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼猿诸，長吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼婚被！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起梳虽，我...
- 序言：老撾萬榮一對(duì)情侶失蹤址芯，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后窜觉，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谷炸，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年禀挫，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了旬陡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布，位于F島的核電站菜职，受9級(jí)特大地震影響青抛，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜酬核，卻給世界環(huán)境...
- 文/蒙蒙 一蜜另、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧嫡意，春花似錦举瑰、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至旧巾，卻和暖如春耸序，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背鲁猩。 一陣腳步聲響...
- 正文 我出身青樓搅窿，卻偏偏與公主長得像嘁酿，于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子男应，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 成長記錄-連載（三十六） ——我的第一篇五千字長文，說了什么耐朴，你一定想不到 并不是不想每天寫公眾號(hào)众弓，而是之前思考怎...
- 本文約3500字，適合對(duì)Axure有一定了解的同學(xué)閱讀脚乡，可跟著文中的教程同步動(dòng)手操作蜒滩，建議閱讀20分鐘。 寫在前面...
- 本項(xiàng)目Github地址 https://github.com/brickspert/canvas-circle/ ...
- 07年的黃草壩 有雨的味道，淡淡的藥香隱在氤氳的茶氣中锌订。 花沒開的時(shí)候最美竹握，茶回甘的時(shí)候方甜。 春夜喜雨的時(shí)節(jié)辆飘，得...
