ProgressBar
TsgcHTMLComponent_ProgressBar — Delphi, C++ Builder ve .NET'te isteğe bağlı bir etiketle çizgili ve animasyonlu bir Bootstrap ilerleme çubuğu ya da yığılmış çok segmentli bir çubuk.
TsgcHTMLComponent_ProgressBar — Delphi, C++ Builder ve .NET'te isteğe bağlı bir etiketle çizgili ve animasyonlu bir Bootstrap ilerleme çubuğu ya da yığılmış çok segmentli bir çubuk.
Tek bir çubuk için Value ve Max'i ayarlayın ya da yığılmış çok segmentli bir çubuk için Bars'a girdi ekleyin, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_ProgressBar
Bootstrap 5 .progress çubuğu (tekli ya da yığılmış)
Delphi, C++ Builder, .NET
Value, Max ve ColorStyle'ı ayarlayın, gerektiğinde Striped / Animated / ShowLabel'ı açın, ardından HTML'i okuyun.
uses
sgcHTML_Enums, sgcHTML_Component_ProgressBar;
var
oBar: TsgcHTMLComponent_ProgressBar;
begin
oBar := TsgcHTMLComponent_ProgressBar.Create(nil);
try
oBar.ProgressBarID := 'upload';
oBar.Value := 72;
oBar.Max := 100;
oBar.ColorStyle := hcSuccess;
oBar.Striped := True;
oBar.Animated := True;
oBar.ShowLabel := True;
oBar.LabelFormat := '%d%% complete';
WebModule.Response := oBar.HTML; // Bootstrap progress bar
finally
oBar.Free;
end;
end;
// Or a stacked, multi-segment bar:
with oBar.Bars.Add do
begin
Value := 40;
ColorStyle := hcPrimary;
Label_ := 'Done';
end;
with oBar.Bars.Add do
begin
Value := 20;
ColorStyle := hcWarning;
Label_ := 'In progress';
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_ProgressBar.hpp
TsgcHTMLComponent_ProgressBar *oBar = new TsgcHTMLComponent_ProgressBar(NULL);
try
{
oBar->ProgressBarID = "upload";
oBar->Value = 72;
oBar->Max = 100;
oBar->ColorStyle = hcSuccess;
oBar->Striped = true;
oBar->Animated = true;
oBar->ShowLabel = true;
oBar->LabelFormat = "%d%% complete";
String html = oBar->HTML; // Bootstrap progress bar
// Or a stacked, multi-segment bar:
TsgcHTMLProgressBarItem *oSeg1 = oBar->Bars->Add();
oSeg1->Value = 40;
oSeg1->ColorStyle = hcPrimary;
oSeg1->Label_ = "Done";
TsgcHTMLProgressBarItem *oSeg2 = oBar->Bars->Add();
oSeg2->Value = 20;
oSeg2->ColorStyle = hcWarning;
oSeg2->Label_ = "In progress";
}
__finally
{
delete oBar;
}using esegece.sgcWebSockets;
var bar = new TsgcHTMLComponent_ProgressBar();
bar.ProgressBarID = "upload";
bar.Value = 72;
bar.Max = 100;
bar.ColorStyle = TsgcHTMLColor.hcSuccess;
bar.Striped = true;
bar.Animated = true;
bar.ShowLabel = true;
bar.LabelFormat = "%d%% complete";
string html = bar.HTML; // Bootstrap progress bar
// Or a stacked, multi-segment bar:
var seg1 = bar.Bars.Add();
seg1.Value = 40;
seg1.ColorStyle = TsgcHTMLColor.hcPrimary;
seg1.Label_ = "Done";
var seg2 = bar.Bars.Add();
seg2.Value = 20;
seg2.ColorStyle = TsgcHTMLColor.hcWarning;
seg2.Label_ = "In progress";En sık başvurduğunuz üyeler.
Value ve Max (varsayılan 100), dolum genişliğini yüzde olarak ayarlar; ColorStyle, Bootstrap rengini seçer, ya da Color ile ham bir CSS rengi ayarlayın.
ShowLabel, çubuğun içinde yüzde metnini işler; LabelFormat (varsayılan %d%%), bunun nasıl biçimlendirileceğini denetler.
Striped, çapraz çizgiler ekler; Animated, çizgili olmayı ima eder ve onları çubuk boyunca canlandırır.
Bars.Add, bir TsgcHTMLProgressBarItem (Value, ColorStyle / Color, Label_) ekler; Bars girdi içerdiğinde bunlar tekli Value çubuğunun yerini alır.
Height, özel bir CSS çubuk yüksekliği ayarlar; ProgressBarID (ya da ElementID), parça göndermeleri için dış <div class="progress">'ı adlandırır.
HTML, ilerleme sarmalayıcısını ve çubuk segment(ler)ini döndürür; gömülmeye ya da değer değiştikçe WebSocket üzerinden gönderilmeye hazırdır.
| Çevrimiçi yardımBu bileşen için tam API referansı ve kullanım kılavuzu. | Aç | |
| Tüm sgcHTML Bileşenleri80'den fazla bileşenin tam özellik matrisine göz atın. | Aç | |
| Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir. | Aç | |
| FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları. | Aç |